.slide-in-left, .slide-in-right, .slide-in-up, .slide-in-down {
    opacity:0
}

.slide-in-left.go {
    animation:2s slide-in-left
}

.slide-in-right.go {
    animation:2s slide-in-right
}

.slide-in-up.go {
    animation:2s slide-in-up
}

.slide-in-down.go {
    animation:2s slide-in-down
}

@keyframes slide-in-left {
    0% {
        transform: translateX(-100%);
        opacity:0
    }

    100% {
        transform: translateX(0);
        opacity:1
    }
}

@keyframes slide-in-right {
    0% {
        transform: translateX(100%);
        opacity:0
    }

    100% {
        transform: translateX(0);
        opacity:1
    }
}

@keyframes slide-in-up {
    0% {
        transform: translateY(-100%);
        opacity:0
    }

    100% {
        transform: translateY(0);
        opacity:1
    }
}

@keyframes slide-in-down {
    0% {
        transform: translateY(100%);
        opacity:0
    }

    100% {
        transform: translateY(0);
        opacity:1
    }
}

@font-face {
    font-family: TitleFont;
    src: url("/assets/font/nunito.ttf")
}

body {
    font-size:13pt
}

strong {
    font-weight:900
}

h1, h2 {
    font-family:TitleFont, sans-serif
}

img {
    margin:24px
}

h1 {
    font-weight: 900;
    font-size: 32pt;
    margin-top: 64pt;
    margin-bottom: 32pt;
    color:#f00
}

h2 {
    font-weight: 900;
    font-size: 24pt;
    margin-top: 48pt;
    margin-bottom: 24pt;
    color:#008000
}

h3 {
    font-weight: 900;
    font-size: 18pt;
    margin-top:13pt
}

main {
    padding-top:100px
}

main img {
    max-width: calc(100% - 48px);
    object-fit:scale-down
}

footer img {
    max-width: calc(100% - 48px);
    object-fit: scale-down;
    margin:0
}

p {
    text-align:justify
}

.btn {
    font-weight:900
}

.row-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:row
}

.col-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column
}

#menu-bar, #menu-bar-reduced {
    margin: 0;
    padding: 0;
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    transition: all 1s;
    display: flex;
    align-items: center;
    overflow:visible
}

#menu-bar {
    min-height: 100px;
    background-color: #fff;
    color:#000
}

#menu-bar-reduced {
    min-height: 60px;
    background-image: linear-gradient(lightgray, transparent, lightgray) !important;
    color:#000 !important
}

a.nav-link {
    font-family: TitleFont, sans-serif;
    font-size: 14pt;
    display: inline-block;
    border-top: 5px solid transparent;
    text-align: center;
    padding: 2px 8px 8px;
    margin-right: 16px;
    transition: all .4s ease-in-out;
    cursor: pointer;
    transform:translateY(-5px)
}

a.nav-link:hover {
    border-top:5px solid #028cff
}

#menu-bar .navbar-brand img {
    width: 100px;
    transition: all .4s ease-in-out;
    margin:0
}

#menu-bar-reduced .navbar-brand img {
    width: 64px;
    transition: all .4s ease-in-out;
    margin:0
}

.text-dark {
    color:#000 !important
}

.dropdown-item.text-dark {
    font-weight:900
}

.dropdown-menu.show {
    animation:slide-in-up .4s
}

.dropdown-item {
    transition:all .4s
}

.dropdown-item:hover {
    background-color:#d3d3d3
}

.ref-circle {
    border: .5em solid #4080ff;
    color: #000;
    text-align: center;
    border-radius: 42px;
    padding: 32px;
    margin: 32px;
    overflow: hidden;
    font-family: TitleFont, sans-serif;
    letter-spacing: 2pt;
    font-size:14pt
}

.text-box {
    border: solid #d3d3d3 5px;
    border-radius: 8px;
    padding: 8pt;
    margin:16pt
}

.absolute-text-box {
    position: absolute;
    font-family: TitleFont, sans-serif;
    font-size:26pt
}

.contact-block {
    position: absolute;
    border-radius: 16px;
    font-weight: 900;
    background-color: rgba(0, 0, 0, .7);
    padding: 16px;
    color:#fff
}

.contact-block img {
    margin:0
}

footer a {
    font-weight:900
}

.emulate-h1 {
    font-family: TitleFont, sans-serif;
    font-weight: 900;
    font-size: 32pt;
    margin-top: 64pt;
    margin-bottom: 32pt;
    color: #f00
}