@media  screen and (min-width: 992px) {
    .hamburger-icon{
        display: none;
    } 

    .nav-bar{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
        height: 70px;
    }

    #lists{
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        position: relative;
        top: 0;
    }

    #lists li{
        padding-left: 50px;
        font-size: 30px;
        line-height: 5px;
    }

    .home-icon{
        line-height: 10px;
        margin-bottom: 25px;
    }

    .main-content .animation{
        background: url(/images/realistic-water-splash-dark-background_1355-88.jpg) no-repeat center;
        background-size: cover;
        width: 100%;
        height: 70vh;
        background-color: black;
    }

    .profile img{
        width: 10%;
    }

    .two-lines{
        height: 2px;
        width: 420px;
    }

    .skill-icon, .img-icon{
        transform: scale(1.8);
    }

    .skills p{
        margin-top: 30px
    }

    .main-content #about{
        padding: 50px 0;
        margin: 50px auto;
        width: 60%;
    }

    .three-lines{
        width: 400px;
        top: 35px;
    }

    .aboutMe div:nth-of-type(1){
        margin-right: 10px;
    }

    .about-me p{
        line-height: 40px;
    }


    .four-lines{
        width: 500px;
    }

    .project-photo:hover{
        box-shadow: 12px 12px 2px 1px rgba(41, 47, 57, 0.2);
    }

    .moveRight:hover{
        animation-duration: 1.5s;
        animation-name: poppingRight;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

    @keyframes poppingRight {
        from {
            margin-bottom: 0%;
            margin-left: 0%;
            width: 250px;
            height: 125px;
        }
        
        to{
            margin-bottom: 20%;
            margin-left: 20%;
            width: 300px;
            height: 175px;
        }
    }

    .moveUp:hover{
        animation-duration: 1.5s;
        animation-name: poppingUp;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

    @keyframes poppingUp {
        from {
            margin-bottom: 0%;
            width: 250px;
            height: 125px;
        }
        
        to{
            margin-bottom: 20%;
            width: 300px;
            height: 175px;
        }
    }

    .moveLeft:hover{
        animation-duration: 1.5s;
        animation-name: poppingLeft;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

    @keyframes poppingLeft {
        from {
            margin-bottom: 0%;
            margin-left: 0%;
            width: 250px;
            height: 125px;
        }
        
        to{
            margin-bottom: 20%;
            margin-left: -20%;
            width: 300px;
            height: 175px;
        }
    }

    .project-photo{
        width: 250px;
        height: 125px;
    }

    .projects p{
        font-size: 12px;
    }

    #footer{
        margin-bottom: 0;
    }

    .contact-text{
        font-size: 30px;
    }

    .social-icons{
        margin-top: 20px;
    }

}