@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
:root
{
--main-color: #00aeef;
--dark: #21252f;
--body: #092a49;
}

body {
    background-color: #f5f5f9;
    font-family: 'Lato', sans-serif;
}

.help-block, li {
    color: var(--body);
    font-size: small;
}

.theme-text {
    color: var(--main-color);
}

.classy-nav-container {
    background-color: white !important;
}

.dark-them-text {
    color: #00aeef;
}

h1 {
    font-weight: bold;
}

.terms-link {
    text-decoration: none;
    color: #00aeef;
}

.asteriskField {
    display: none;
}

.p-heading {
    color: var(--body);
}

hr {
    color: var(--main-color);
}

strong {
    color: red !important;
    font-weight: 400;
}

.login-link {
    text-decoration: none;
}

.create-button {
    background-color: #00aeef;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    transition: 0.35s ease;
}


.create-button :hover {
    color: #fff !important;
    background-color: #005574  !important;
}

.create-button:active, .create-button:focus {
    outline: none;
    border: none;
}

.control-label {
    color: var(--body);
}

.form-container {
    background-color: #fff !important;
}

.brand-logo img {
    max-height: 50px;
}