@media screen and (min-width:1100px){

    /*-----     Home Section     -----*/

    .home-container{
        align-items: flex-start;
        left: 10%;
    }
    .home-container img{
        position: absolute;
        right: 35%;
        width: 12vmax;
        height: 12vmax;
    }
    .home-container h1{
        font-size: 5rem;
    }
    .home-container h2 span{
        font-size: 5rem;
    }
    .home-container h3 span{
        font-size: 5rem;
    }
    .home-buttons button{
        font-size: 1.2rem;
    }

     /*-----     About Me Section     -----*/

     .about-me-box{
        width: 80%;
        border-radius: 1rem;
     }
     .about-me-box .action-buttons button{
        left: 10%;
     }

      /*----- Skills Section -----*/

      .skills-content{
        flex-direction: row;
      }
      .skills-written .skills-frame{
        right: 10%;
      }
      .skills-written .skills-tool{
        right: 20%;
      }

       /*----- Work Section -----*/

       .card-row{
        grid-template-columns: 1fr 1fr 1fr;
       }
       .card{
        width: 100%;
        padding: 1rem;
       }
       .card h2{
        font-size: 1.6rem;
       }
       .card p{
        font-size: 1rem;
       }
       .card button{
        font-size: 1rem;
       }
       .modal-inner{
        padding: 4rem;
        width: 70%;
       }
       .slide > img{
        max-width: 50%;
       }
       .modal-inner p{
        width: 60%;
       }

       /*----- Contact Section -----*/

       .contact-container{
        flex-direction: row;
       }
}