.form-control {
    width: 100px;
}
body {
    background-color: #e9f7f8;
}
.card {
    max-width: 30rem;
}
.form-control:focus {
    border-color: #a8d1d3;
    box-shadow: 0 0 0 .25rem rgba(168, 209, 211, 0.25);
}
.btn {
    background-color: #036280;
    border-color: #036280;
}
.btn:hover {
    background-color: #015570;
    border-color: #014f69;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: #014f69;
    border-color: #054e66;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: #498a9e;
    border-color: #498a9e;
}