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


h1{
    color: yellow;
    background-color: rgb(4, 4, 4);
    width: 30vw;
    text-align: center;
    margin: inherit;
    padding: 20px;
    border-radius: 10px;
    height: 5vh;
   
    font-size: 4.5vh;
    box-shadow: 2px 5px 11px 0 rgba(0, 0, 0, 0.64);
    transition: 800ms;
    
   }
   h1:hover{
    color:aqua;
    background-color: white;
    border: 2px solid black;
    color: black;
    text-shadow: 2px 2px 5px rgb(255, 225, 0);
}
   #ON{
       color: rgb(0, 255, 8);
       background-color: rgb(0, 0, 0);
       width: 9vh;
       height: 6vh;
       font-size: medium;
       font-weight: 500;
       cursor: pointer;
       border-radius: 10px;
       transition: 500ms;
       text-shadow: 2px 2px 5px rgb(135, 255, 95);
       box-shadow: 6px 8px 11px 0 rgba(0, 0, 0, 0.64);
   }
  
   #OFF{
       color: rgb(255, 69, 48);
       background-color: rgb(0, 0, 0);
       width: 9vh;
       height: 6vh;
       font-size: medium;
       font-weight: 500;
       cursor: pointer;
      border-radius: 10px;
      text-shadow: 2px 2px 5px rgb(255, 93, 35);
      box-shadow: 6px 8px 11px 0 rgba(0, 0, 0, 0.64);
   }

   #on{
    width: 900px;
    
   }