#intro-area {
    font-size: 24px;
  }
  
  #intro-area p {
    display: block;
    margin-top: 5rem;
    margin-bottom: auto;
  }
  
  #topic-1 {
    display: block;
    margin: auto;
    text-align: left;
    font-size: 26px;
  }
  
  .multipleStrings {
    text-align: left;
    display: block;
    margin: auto;
    font-size: 18px;
  }
  
  #topic-1 {
    margin-bottom: 2rem;
  }
  
  #interest-area {
    padding-left: 8rem;
  }
  
  .cp-skills {
    margin-top: 4rem;
  }
  
  #cptext {
    font-size: 18px;
  }
  
  .soft-skills {
    margin-top: 5rem;
  }
  
  .soft-skills p {
    font-size: 18px;
  }
  
  @media screen and (max-width: 600px) {
      
      
    #intro-area {
      font-size: 18px;
      padding-left: 3rem;
      padding-right: 3rem;
    }
  
    #intro-area p {
      display: block;
      margin-top: 5rem;
      margin-bottom: auto;
      text-align: center;
      text-justify: inter-word;
    }
  
    #topic-1 {
      display: block;
      margin: auto;
      margin-top: 2rem;
      text-align: center;
      font-size: 20px;
      font-weight: bolder;
    }
  
    .multipleStrings {
      text-align: center;
      display: block;
      margin: auto;
      font-size: 18px;
    }
  
    #topic-1 {
      margin-bottom: 2rem;
    }
  
    #interest-area {
      padding-left: 2rem;
    }
    #interest-area {
      padding-left: 2rem;
      padding-right: 2rem;
      text-align: center;
    }
  
    .cp-skills {
      margin-top: 4rem;
    }
  
    #cptext {
      font-size: 18px;
      text-align: justify;
      text-justify: inter-word;
    }
  
    .soft-skills {
      margin-top: 5rem;
    }
  
    .soft-skills p {
      font-size: 18px;
    }
  }



  @media (min-width: 601px) and (max-width: 750px) {
    #topic-1 {
      margin-top: 3rem;
      text-align: center;
    }
    #interest-area {
      padding-left: 0rem;
      text-align: center;
    }
    .multipleStrings {
      text-align: center;
    
    }
  } 
  
@media (min-width: 751px) and (max-width: 850px) { 
  #intro-area {
    font-size: 18px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #interest-area {
    padding-left: 2rem;
  }
  #interest-area {
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
  }

  .cp-skills {
    margin-top: 4rem;
  }

  #cptext {
    font-size: 18px;
    text-align: justify;
    text-justify: inter-word;
  }

  .soft-skills {
    margin-top: 5rem;
  }

  .soft-skills p {
    font-size: 18px;
  }
}