html {
  font-size: 14px;
  position: relative;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

body {
    background-color: #eaeaea;
}

/* For WebKit browsers (Chrome, Safari, Edge, Opera) */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Mozilla Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/****** Bootstrap overrides ******/
.form-control:focus, .form-select:focus {
    box-shadow: none;
}

.form-control[readonly] {
    background-color: #ffffff;
}

.form-label {
    font-weight: 500;
}

.card {
    border-radius: 16px;
}

.home.card {
    width: 100%;
    max-width: 50%;
}

img.logo {
    width: 6%;
}

h1.display-heading {
    font-size: 1.5rem;
    font-weight: 500;
}

p.display-title {
    font-size: 16pt;
    color: #c83032;
    font-weight: 500;
}

.placeholder-wave {
    animation-duration: 1s;
}

.btn:focus, .btn-close:focus {
    box-shadow: none !important;
}

.thanks-notes {
    padding: 8px;
}

/****** Media Quries ******/
@media (max-width: 768px) {
    .home.card {
        max-width: 100%;
    }

    img.logo {
        width: 10%;
    }
}