* {
  padding: 0px;
  margin: 0px;
}

body{
  background-color: #FAF8EE;
}

.timelinemain1{
  height: auto;
  width: auto;
  padding: 10%;
  justify-content: center;
}

.timelinemain2{
  display: none;
}

.timeline1{
  position: absolute;
  height: auto;
  width: 75%;
}

.headerabout{
  font-family:"Ortica";
  font-size: 20px;
  position: fixed;
}

.btns{
  display:block;
  padding:20px;
  height: 80%;
}

.btn1{
  padding-top: 5px;
  margin-top: 100px;
}

.btn2{
  padding-top: 110px;
  margin-top: 100px;
}

.btn3{
  padding-top: 130px;
  margin-top: 100px;
}

.tagabout{
position: fixed;
border:3px solid var(--tag2color) ;
border-radius: 50px;

}

@media (max-width: 700px) {
  .timelinemain1{
    display: none;
  }

  .timelinemain2{
    display: block;
    height: auto;
    padding-top: 100px;
    justify-content: center;
  }
  
  .timeline1{
    display: none;
  }

  .timeline2{
    position:relative;
    padding-top: 120px;
    width: 100%;
  }
  
}