body {
     background-color: aliceblue;
}

.card {
     border-radius: 20px;
}

form {
     max-width: 720px;
}

.form-control:focus {
     box-shadow: none;

}

.form-control, .btn {
     border-radius: 5px;
}

.invalid-input {
     width: 100%;
     margin-top: 0.25rem;
     font-size: .875em;
     color: #dc3545;
}

.my-wrap {
     flex-direction: column;
}

@media only screen and (orientation: landscape) {
     .my-wrap {
          flex-direction: row-reverse;
     }
}