html,
body,
head {
    margin: 0;
    padding: 0;
    text-align: center;
    align-items: center;
}

a {
    color: #fff;
}

a:hover,
a:active,
a:selected {
    color: #fff !important;
    text-decoration: none !important;
    background: transparent;
}

header {
    height: 100vh;
    min-height: 500px;
    color: #fff;
    background: #0052D4;
    background: -webkit-linear-gradient(to bottom, #0052D4, #65C7F7, #29ddff);
    background: linear-gradient(to bottom, #0052D4, #65C7F7, #29ddff);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

button {
    font-size: 1.5rem;
    padding: 15px;
    border: none;
    color: #fff;
    border-radius: 25px;
    background: transparent;
    margin: 0;
    text-align: center;
    align-items: center;
}

button:hover {
    border: solid 2px #fff;
    color: #00ff2a;
}

button a {
    color: #fff;
    text-decoration: none;
}

button a:hover {
    text-decoration: none;
    color: #00ff2a;
}

hr {
    width: 100%;
    margin: 50px 0;
}

footer {
    margin-top: 100px;
}

select,
option {
    text-align: center;
}

.navbar {
    border-bottom: 1px solid #fff;
    background: #0052D4;
    z-index: 1000;
}

.zipCodeInput {
    background: transparent;
    border: 3px solid #fff;
    border-radius: 25px;
    font-size: 3rem;
    text-align: center;
    color: #fff;
    margin: 50px 0;
    padding: 10px 0;
    width: 100%;
}

.zipCodeInputValid {
    background: transparent;
    border: 3px solid #00ff2a;
    border-radius: 25px;
    font-size: 3rem;
    text-align: center;
    color: #00ff2a;
    margin: 50px 0;
    padding: 10px 0;
    width: 100%;
}

.zipCodeInputInvalid {
    background: transparent;
    border: 3px solid #ff0000;
    border-radius: 25px;
    font-size: 3rem;
    text-align: center;
    color: #ff0000;
    margin: 50px 0;
    padding: 10px 0;
    width: 100%;
}

#displayLocation {
    padding: 15px 0px 15px 30px;
    font-size: 1.5rem;
}

.hide {
    display: inline-block;
}

.show {
    display: none;
}

.section-image {
    border-radius: 50px;
    box-shadow: 8px 8px 16px #000000;
    margin-top: 25px;
    width: 90%;
}

.bg-dark-blue {
    background: #5757ff;
    color: #fff;
    padding: 25px 0;
    margin: 15px;
    border-radius: 50px;
}

.bg-blue {
    background: #5789ff;
    color: #fff;
    padding: 25px 0;
    margin: 15px;
    border-radius: 50px;
}

.bg-light-blue {
    background: #57a8ff;
    color: #fff;
    padding: 25px 0;
    margin: 15px;
    border-radius: 50px;
}

.section-bg-dark-blue {
    background: #5757ff;
    color: #fff;
    padding: 30px;
    margin: 15px;
    border-radius: 50px;
}

.section-bg-blue {
    background: #5789ff;
    color: #fff;
    padding: 30px;
    margin: 15px;
    border-radius: 50px;
}

.section-bg-light-blue {
    background: #57a8ff;
    color: #fff;
    padding: 30px;
    margin: 15px;
    border-radius: 50px;
}

.footer-text {
    color: #8c8c8c;
}

.footer-bg {
    background: #5789ff;
    color: #fff;
    padding: 15px 0;
}

.appFooter {
    font-size: 8pt;
    color: #c4c4c4;
    padding-top: 30px;
    text-align: center;
}

.modal-content {
    background: rgba(255, 255, 255, 0.95);
    color: #0052D4;
}

.form-control {
    color: #0052D4;
    background: rgba(158, 228, 255, 0.15);
    text-align: center;
    font-size: 1.25rem;
    border: none;
}

.form-control-plaintext {
    color: #0052D4;
    background: rgba(255, 255, 255, 0);
    text-align: center;
    font-size: 1.25rem;
}

.modalButton {
    text-align: center;
    font-size: 1.25rem;
    color: #0052D4;
    background: transparent;
    border: 2px solid #0052D4;
    align-items: center;
    align-self: center;
}

.modalButton:hover {
    color: #fff;
    background: #0052D4;
    border: 2px solid #fff;
}

.form-group select {
    color: #0052D4;
}