:root {
    --appColor1: rgba(80, 96, 121, 1);
    --appColor2: rgba(206, 206, 206, 1);
    --ram-blue: rgb(80, 96, 121);
    --ram-grey: rgb(206, 206, 206);
}

@font-face {
    font-family: '';
    src: url() format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    color: var(--appColor1);
}

a {
    color: var(--appColor1);
}

a:hover {
    font-weight: bold;
}


/* a.nav-link.active {
    background-color: var(--appColor2);
    color: white;
    font-weight: bold;
    border-radius: 15px;
} */

.header {
    background-color: white;
}

#headImg {
    max-height: 60vh;
}

#navbarLogo {
    max-height: 15px;
}

.subHeading {
    font-size: 1.25rem;
    font-weight: 300;
}

.blockquote-footer {
    color: var(--appColor2);
}

.alert-success {
    background-color: rgba(49, 109, 182, 0.3);
    border-color: white;
    color: var(--appColor1);
}

.form-control,
.form-control:focus,
.form-control::placeholder {
    color: var(--appColor1);
}

#Name {
    color: var(--appColor1);
}

input:-webkit-autofill {
    -webkit-text-fill-color: var(--appColor1);
}

input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--appColor1);
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    background-color: rgb(80, 96, 121);
    border-color: rgb(80, 96, 121);
}

.btn-primary:hover {
    background-color: rgb(80, 96, 121);
    border-color: rgb(206, 206, 206);
}

.price {
    background-color: var(--ram-blue);
    height: 100px;
    margin-top: 10px;
    border-radius: 5px;
    text-align: center;
    color: white;
}

.cost {
    font-size: 3.5rem;
}

.costTime {
    font-size: 0.9rem;
}

.hide {
    display: none;
}

.moreInfo {
    padding-top: 10px;
}

footer {
    color: rgb(206, 206, 206);
    font-size: smaller;
    padding-bottom: 20px;
}

footer a {
    color: rgb(80, 96, 121);
    font-family: hobo-std, sans-serif;
    font-weight: 400;
    font-style: normal;
}

footer img {
    max-width: 80px;
    font-family: hobo-std, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.example {
    max-width: 100%;
}