main {
    min-height: calc(100vh - 10rem);
}

h1, h2, h3, h4, h5 {
    font-family: "Lato", sans-serif
}

h1 {
    font-weight: 700;
}

h5 {
    font-weight: 700;
    color: #2b55b9
}

a {
    color: inherit;
}

ul {
    padding-left: 1rem;
}

span > a,
span > a:hover {
    text-decoration: none;
}

span > a:hover {
    color: #799fc1;
}

.tooltip-inner {
    max-width: 300px !important;
}

.display-1 {
    font-size: 7rem;
    font-family: "Passion One", sans-serif;
}

.result-column > td {
    vertical-align: baseline;
}

.note-icon {
    text-align: center;
}

.note-icon > .danger {
    color: #c13131;
}

.note-icon > .warning {
    color: #d9933a;
}

.note-icon > .safe {
    color: #5a975a;
}

.note-icon > .negative,
.note-icon > .positive {
    color: #047480
}

.value {
    text-align: right;
}

.value-unit {
    text-align: left;
    font-size: 13px;
    white-space: nowrap;
}

#content {
    padding: calc(5.5rem + 3rem) 0 1rem 0;
    font-family: "Fira Sans", sans-serif;
}

#header {
    font-family: "Lato", sans-serif;
    font-weight: 700;

}


#footer {
    font-family: "Lato", sans-serif;
    color: white !important;
    background: #749cbf;
}

#content button,
#content .btn,
#content .alert {
    font-family: "Lato", sans-serif
}

#content p,
#content li {
    font-size: 1.1rem;
    text-align: justify;
}

button:focus {
    outline: none;
}

.content-container {
    width: 75%;
}

.cover {
    min-height: 100vh;
    background: url("../img/bg.jpg") no-repeat;
    background-size: 100%;
}

.wide-cover {
    display: block;
}

.narrow-cover {
    display: none;
}

.page {
    min-height: calc(100vh - 5.5rem);
}

.title {
    padding: 27vh 0 1rem 0;
}

.text-transform {
    background: -webkit-linear-gradient(145deg, #2982f2 35%, #703fdd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-items {
    min-height: 10rem;
    padding: 1.5rem 0;
    gap: 1.5rem;
}

.logos > a {
    opacity: 80%;
    padding: 0 .5rem;
}

.logos > a:hover {
    opacity: 100%;
}

.lotus-left, .lotus-right {
    position: absolute;
    bottom: 0;
    z-index: -10;
    max-height: 80vh;
    max-width: 60vw;
}

.lotus-left {
    left: 0;
}

.lotus-right {
    right: 0;
}

.search-buttons {
    width: 95%
 }

.mail-btn:hover {
    text-decoration: none;
}

.round {
    border-radius: .5rem;
}

.addr-card {
    position: relative;
    min-height: 35rem;
    padding: 3rem 0;
}

.addr-card > p{
    padding: 15% 0;
    font-size: 2rem !important;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    -webkit-text-stroke: 1.5px #4f4f4f;
}

.nku-photo, .nku-map {
    top: 0;
    border: 20px solid #fffef8;
    position: absolute;
}

.nku-photo {
    transform: rotate(-8deg) translateX(-6rem);
    z-index: -10;
}

.nku-map {
    transform: rotate(8deg) translateX(14rem);
    z-index: -9;
}

.drug-card > a {
    text-decoration: none;
}

.drug-card:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.drug-card .card-body:hover {
    background: #eee;
}

#mol-viewer {
    text-align: center;
}

#basic-info-card {
    border: 5px solid rgba(13, 70, 204, 0.24)
}

#result-card {
    width: 47.5%
}

@font-face {
    font-family: "Passion One";
    src: url("../font/PassionOne-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-weight: 300;
    src: url("../font/Lato-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-weight: 400;
    src: url("../font/Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-weight: 700;
    src: url("../font/Lato-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Fira Sans";
    font-weight: 300;
    src: url("../font/FiraSans-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Fira Sans";
    font-weight: 300;
    font-style: italic;
    src: url("../font/FiraSans-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Fira Sans";
    font-weight: 400;
    src: url("../font/FiraSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Fira Sans";
    font-weight: 400;
    font-style: italic;
    src: url("../font/FiraSans-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "Fira Sans";
    font-weight: bold;
    src: url("../font/FiraSans-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "Fira Sans";
    font-weight: bold;
    font-style: italic;
    src: url("../font/FiraSans-SemiBoldItalic.ttf") format("truetype");
}


@media (max-width: 576px) and (orientation: portrait) {
    .arch-img {
        transform: rotate(90deg) translateX(6rem) scale(1.2)
    }
    .cover {
        background-size: auto 100%;
    }
}

@media (max-width: 768px) {
    .display-1 {
        font-size: 5rem
    }
    #svg {
        width: 100%;
    }

    #info-table {
        width: 100%
    }

    .content-container {
    width: 95%!important;
    }

    .wide-cover {
    display: none;
    }
    .narrow-cover {
        display: block;
    }

    .search-buttons {
        width: 100%
    }
}


@media (max-width: 992px) {
    #result {
        gap: 0
    }

    #result-card{
        width: 100%
    }
}

@media (max-width: 1200px) {
    .lotus-left{
        display: none;
    }
}