@media screen and (max-width:890px) {
    .dramatic-text-1,.dramatic-text-2{
        font-size: 7rem;
    }
  body{
    gap: 5vh;
  }

  .topics{
    margin-top: 5vh;
  }
  



}

@media screen and (max-width:800px){
    .skill-area{
        gap: 5vh;
        padding: 5vh 5vw 5vh 5vw;
    }

    .sub-skill-area{
    gap: 3vw;

    }

    .project{
        width: 70vw;
    }
}