@media  only screen and (max-width:420px){
html,
body {
    width: 100vw;
    height: 100vh;
    background-color: rgb(32, 23, 23);
    color: black;
}
  .left h1 {
    background: #ff0000;
    margin: 0vh 0vw;
    font-size: 25px;
    
    
  }

  .left {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;


  }

  #hamburger {
    visibility: visible;
    width: 4vw;
    height: 5vh;

  }

  .left img {
    visibility: hidden;
  }

  .right {
    visibility: hidden;
  }

  .right_sec1 h1,
  .right_sec1 h2 {
    font-size: 10px;
  }

  .verh1 {
    
    width: 90vw;
  }


  .horh5 {
    left: 70vw;


  }
  .horh4{
    left: 50vw;
  }
  .horh3{
    left: 25vw;
  }
.horh1{
  font-size: 8px;
}
.img11,
.img12{
  width: 20vw;
}

}