body  {
      margin: 0;
      overflow:hidden;
      background: black;
      color: #0f0;
      font-family: 'Courier New', monospace;
      
    }

   canvas{
      position: fixed;
      width: 100%;
      height: 100vh;
      z-index: 0;
      display: block;
   }

    .buttons {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
     
      z-index: 1;
      display: flex; 
        
    }

    button {
      font-size: 15px;
      color: black;
      border: none;
      cursor: pointer;
      font-weight:bolder
    }


    .btn1{
      background-color: blue;
      margin: 30px;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    .btn1:hover{
      box-shadow: 0 0 100px blue ;
      transform: scale(1.1);
      
    }

    .btn2{
      background-color: red ;
      margin: 30px;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

     .btn2:hover{
      box-shadow: 0 0 100px red ;
      transform: scale(1.1);
      

    }

    
    .tipo1{
      color: rgb(0, 0, 0);
      font-family: 'Courier New', Courier, monospace;
      font-size: 19px;
    }

    .tipo2{
      
      color: rgb(0, 0, 0);
      font-family: 'Courier New', Courier, monospace;
      font-size: 19px;
    }

    .tipo3{
      
      color: rgb(0, 0, 0);
      font-family: 'Courier New', Courier, monospace;
      font-size: 19px;
    }