@media only screen and (max-width: 1200px) {
  .name, .name2{
    font-size: 8vh;
  }
    .bio, .bio2{
      padding-left: 10%;
      padding-top: 1vh;
      margin-top: 1.5vh;
      font-size: 6.2vh;
  }
  .info1, .info2, .info3, .info4, .info5{
     padding-top: 1.2vh;
     padding-bottom: 1vh;
     padding-left: 2%;
  }
  .openbtn1, .closebtn1{
    font-size: 6.2vh;
    margin-top: -0.2vh;
    height: 7vh;
    padding-left: 15%;
    padding-top: 1vh;
    padding-bottom: 0vh;
  }
  .openbtn2, .openbtn3, .openbtn4, .openbtn5, .closebtn2, .closebtn3,.closebtn4, .closebtn5{
    font-size: 6.2vh;
    margin-top: 1.2vh;
    margin-bottom: 1vh;
    height: 7vh;
    padding-left: 15%;
    padding-top: 1vh;
    padding-bottom: 0vh;
  }
  .back{
    font-size: 6.2vh;
    margin-top: 1.5vh;
    height: 7vh;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
  }
  .dropdown1{
    margin-top: 0%;
  }
   .dropdown2,.dropdown3, .dropdown4, .dropdown5, .dropdown6{
    margin-top: -0.5%;
  }
  }
  
  @media only screen and (max-width: 1100px) {
    .name, .name2{
      font-size: 7.5vh;
    }
   .bio, .bio2, .back{
     margin-top: -0.3vh;
   }
   .openbtn1, .closebtn1{
     margin-bottom: 1.5vh;
   }
   .openbtn2, .openbtn3, .openbtn4, .openbtn5, .closebtn2, .closebtn3,.closebtn4, .closebtn5{
    margin-bottom: 1.5vh;
   }
}

  @media only screen and (max-width: 1000px) {
    .name, .name2{
      font-size: 6.5vh;
    }
    .bio, .bio2, .back{
      margin-top: -0.3vh;
      font-size: 5.2vh;
      margin-bottom: -0.5vh;
    }
    .openbtn1, .closebtn1{
      margin-bottom: 0.2vh;
      font-size: 5.2vh;
    }
    .openbtn2, .openbtn3, .openbtn4, .openbtn5, .closebtn2, .closebtn3,.closebtn4, .closebtn5{
     margin-bottom: 1.2vh;
     font-size: 5.2vh;
    }
    .info1, .info2, .info3, .info4, .info5{
      padding-top: 0.5vh;
      padding-bottom: 1vh;
      padding-left: 1%;
   }
  }  

  @media only screen and (max-width: 900px)
  {
.name, .name2{
  font-size: 6vh;
}
    
   .nameanime{
    animation: animated-text 2s steps(10) 0.1s 1 forwards both;
  }
  .bio, .bio2{
    margin-top: 0vh;
    
  }
  .info1, .info2, .info3, .info4, .info5{
    margin-left: 15%;
    font-size: 2.7vh;
   
   }
  }
  
  @media only screen and (max-width: 765px)
  {
    .name, .name2{
      padding-left: 5%;
      font-size: 6vh;
    }
    .openbtn1, .openbtn2, .openbtn3, .openbtn4, .openbtn5, .closebtn1,.closebtn2, .closebtn3,.closebtn4, .closebtn5 {
      padding-left: 5%;
      font-size: 4.8vh;
    }
  
      .bio, .bio2 {
        font-size: 4.8vh;
        padding-left: 5%;
        margin-top: 6vh;
       
  }
  .back{
    font-size: 4.8vh;
    padding-left: 5%;
  }
  .openbtn1, .closebtn1{
margin-top: -0.5vh;
margin-bottom: 1vh;
  }
  .title{
    white-space: normal;
  }
  @keyframes animated-text{
    from{width: 0;}
    to{width: 100vw;}
    99%{
        background-color: black;
        color: rgb(255, 121, 4);
        box-shadow: none;
    }
    100%{
        background-color: rgb(255, 121, 4);
        color: black;
        box-shadow: 0 0 20px rgb(255, 121, 4);

    }}
  .info1, .info2, .info3, .info4, .info5{
   margin-left: 8%;
   font-size: 2.7vh;
  
  }

  .bio, .bio2 {
    margin-top: 1vh;
}
  @media only screen and (min-width: 200px)
  {

.bio, .bio2{
  margin-top: 6vh;
  padding-left: 5%;
  font-size: 4.2vh;
}
.back{
  font-size: 4.2vh;
  margin-top: 1vh;
  padding-left: 5%;
}
.name, .name2{
  padding-left: 3%;
  font-size: 5.8vh;

}
 .openbtn2, .openbtn3, .openbtn4, .openbtn5, .closebtn2, .closebtn3,.closebtn4, .closebtn5 {
  padding-left: 8%;
  font-size: 4.2vh;
  margin-bottom: 0.5vh;

}
.openbtn1, .closebtn1 {
  padding-left: 8%;
  font-size: 4.2vh;
  margin-top: -1vh;
  margin-bottom: -1vh;
}
.info1, .info2, .info3, .info4, .info5{
  margin-left: 12%;
  margin-bottom: 1.5vh;
  margin-top: 1.5vh;

}
.title{
  white-space: normal;
}
@keyframes animated-text{
  from{width: 0;}
  to{width: 100vw;}
  99%{
      background-color: black;
      color: rgb(255, 121, 4);
      box-shadow: none;
  }
  100%{
      background-color: rgb(255, 121, 4);
      color: black;
      box-shadow: 0 0 20px rgb(255, 121, 4);

  }}
  }
  }