body{
    margin:0;
}
body{
    animation: IN 1.4s;
}
@keyframes IN{
    0%{
        opacity: 0;
        transform: translateY(-100%) ;
    }
    100%{
        opacity:1;
        transform: translateY(0);
    }

}

.navbar{
        display: flex;
        justify-content:space-between;
        background-color:rgb(44, 43, 43);
        color: aliceblue;
        align-items: center;
        animation: nav-load 1.3ms ease-in-out;
    
    }
    @keyframes nav-load{
        0%{
            opacity: 0;
            transform: translateY(-100%) ;
        }
        100%{
            opacity:1;
            transform: translateY(0);
        }
    

    }
    
    .sitename{
        font-size: 40px;
        margin-left: 20px;
        font-family: 'Julee', cursive;
        
    }
    
    .navbarlinks ul{
        margin: 0px;
        padding: 0px;
        display:flex;
    
    
    
    }
    .navbarlinks li{
        list-style: none;
    }
    .navbarlinks li a{
        text-decoration: none;
        color: aliceblue;
        padding:1rem;
        display: block;
    }
    .image img{
        height:400px;
        width:100%;
        margin-top: .2px;
       animation: img-load 1.8s;    
   }
   @keyframes img-load{
    0%{
        opacity: 0;
        transform: translateY(-100%) ;
    }
    100%{
        opacity:1;
        transform: translateY(0);
    }
}
.headingtext{
    font-size: 80px;
    text-align: center;
    font-family:'Dancing Script', cursive;
    
}   
.information{
    font-size:30px;
    text-align:center;
    margin-left: 22%;
    margin-right: 22%;
}
.audio{
    cursor: pointer;
     
}
#icon{
    cursor: pointer;
}