/*Html*/
html{
    font-size:62.5%;
}
body{
    display:flex;
    flex-direction: column;
    height:100vh;
}

/*Navigation Bar*/
.navbar-nav a{
    font-family: 'Roboto Slab', serif;
    color:white;
    margin-left:1rem;
    font-size:2rem;
    padding:0.5rem;
}

.navbar-nav a:hover{
    color:rgb(184, 128, 9);
    border:0.1rem solid white;
}

.cont2::before{
    content:"";
    background:url('images/homebg.jpg') no-repeat center center/cover;
    width:100%;
    height:100%;
    top:0;
    position:absolute;
    left:0;
    z-index:-1;
}
.cont2{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:3rem;
    color:white;
}
.cont2h1{
    margin-top:5rem;
    position: relative;
    font-size: 7rem;
    font-weight: bold;
}
.cont2h1 span{
    font-style: italic;
    position: relative;
    display: inline-block;
    color: #fff;
    animation: cont2h1 2s infinite;
    animation-delay: calc(.2s * var(--i));
}

@keyframes cont2h1 {
    0%,40%,100% {
      transform: translateY(0)
    }
    20% {
      transform: translateY(-20px)
    }
}

/*Footer*/
footer{
    width:100%;
    height:6rem;
    text-align:center;
    margin-top:auto;
    color:white;
    background-color:rgb(5, 16, 29);
}
footer p{
    font-size:1.5rem;
}

/*Media Query*/
@media(max-width:998px){
    html{
        font-size:55%;
    }
}
@media(max-width:768px){
    html{
        font-size:45%;
    }
    footer{
        height:8rem;
    }
}
@media(max-width:912px){
    .navbar{
        background-color:blanchedalmond;
    }
    .navbar-nav a{
        color:black;
    }
}