html{
    scroll-behavior: smooth;
}

hr{
    background-color: #6CC4A1;
    height: 3px;
}

body{
    font-family: 'Signika', sans-serif !important;
    background-color: #F6E3C5 !important;
    margin: 0;
}

section{
    height:fit-content;
    min-height: 100vh;
    margin:1vh
}

h1{
    font-size: 7vw !important;
}

nav{
    z-index: 2;
}
.close-navbar-toggler{
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    z-index:1;
    cursor:pointer;
}
.close-navbar-toggler.collapsed{
    z-index:-1;
}

.navbar.scrolled{
    background: rgb(128,128,128);
    background: linear-gradient(90deg, rgba(128,128,128,0) 35%, rgba(108,196,161,1) 75%);
    transition: background 500ms;
}

.green-shade{
    background: rgb(128,128,128);
    background: linear-gradient(90deg, rgba(128,128,128,0) 35%, rgba(108,196,161,1) 75%);
    transition: background 500ms;
}

.nav-styling{
    text-align: center;
    font-size: 2em;
}

.img-container{
    width:300px;
    height:300px;
    overflow: hidden;
    position: relative;
    right:auto;
    filter: drop-shadow(0px 0px 15px #6CC4A1);
}

.img-container img{
    position:absolute;
    top:-50px;
}

.info-list{
    font-size: 1.5em;
    list-style-type: none;
}

.info-sublist{
    font-size: 0.9em;
    list-style-type: none;
}

.info-sublist > li{
    text-indent: -5px;
}

.info-sublist > li:before{
    content: "-";
    text-indent: -5px;
}

.date{
    opacity: .5;
}

.centered-list{
    list-style-type: none;
    padding:0;
    text-decoration: none;
}

#contact{
    height: 100vh;
}

.contact-button{
    background-color: #6CC4A1;
}

.email-link{
    border: #6CC4A1 2px solid;
    color:#6CC4A1;
}

.hr-dashed{
    border-top: 1px dashed;
}

.reveal{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 0.75s all ease;
}
.reveal.active{
    transform: translateY(0);
    opacity: 1;
}


.animate-reveal {
    font-size: 1em !important;
    opacity: 0;
    -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
       -moz-animation: reveal 1s ease-in 1 normal forwards;
         -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
            animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}

.animate-first {
    -webkit-animation-delay: 250ms;
       -moz-animation-delay: 250ms;
         -o-animation-delay: 250ms;
            animation-delay: 250ms;
}
.animate-second {
    -webkit-animation-delay: 750ms;
       -moz-animation-delay: 750ms;
         -o-animation-delay: 750ms;
            animation-delay: 750ms;
}
.animate-third {
    -webkit-animation-delay: 1250ms;
       -moz-animation-delay: 1250ms;
         -o-animation-delay: 1250ms;
            animation-delay: 1250ms;
}
.animate-fourth {
    -webkit-animation-delay: 1750ms;
       -moz-animation-delay: 1750ms;
         -o-animation-delay: 1750ms;
            animation-delay: 1750ms;
}

@-webkit-keyframes reveal {
0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
            transform: translateY(100%);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
            transform: translateY(0);
}
}

@-moz-keyframes reveal {
0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
            transform: translateY(100%);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
            transform: translateY(0);
}
}

@-o-keyframes reveal {
0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
            transform: translateY(100%);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
            transform: translateY(0);
}
}

@keyframes reveal {
0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
            transform: translateY(100%);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
            transform: translateY(0);
}
}