html{
 
  overflow: hiddens;
}

a{
color: aliceblue;

}

html{
  background-color: rgb(0, 0, 0);
  background-image: url('fundo19.jpg');
  background-repeat: no-repeat;
  background-size: 100vw 100vh;
}
.sairs{
  font-size: 2 vw;
}
.text{
  color: aliceblue;
}
.boneco{
  color: rgb(99, 171, 233);
}
.quadrobase1{
  opacity: 0.45;
background-color: rgb(240, 238, 238);
}
.quadrobase2{
color: aliceblue;
  opacity: 0.75;
  background-color: rgb(29, 26, 26);
  transition: scale 1.65s ease-in-out;
  transition: background-color 0.45s ease-in-out;
  }
  .quadrobase2:hover{
   scale: 1.3;
   background-color: rgb(215, 31, 31);
 

  }
.texto11{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.8vw;
  bottom: 79vh;
  left: 6vw;

}
.texto12{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.9vw;
  bottom: 76vh;
  left: 8.2vw;

}
.texto13{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.8vw;
  bottom: 73vh;
  left: 7.4vw;

}

.texto21{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.8vw;
  bottom: 67vh;
  left: 7vw;

}
.texto22{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.9vw;
  bottom: 63vh;
  left: 9.2vw;

}

.texto31{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 79vh;
  left: 31vw;

}
.texto32{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1.2vw;
  bottom: 75vh;
  left: 28vw;

}
.texto33{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.8vw;
  bottom: 72vh;
  left: 29vw;

}

.texto41{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.8vw;
  bottom: 63vh;
  left: 31vw;

}
.texto42{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.8vw;
  bottom: 60vh;
  left: 28.5vw;

}
.texto43{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.9vw;
  bottom: 57vh;
  left: 26.5vw;

}
.texto51{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 50vh;
  left: 32vw;

}
.texto52{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1.2vw;
  bottom: 46vh;
  left: 31vw;

}
.texto53{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.8vw;
  bottom: 43vh;
  left: 29vw;

}
.texto61{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 79vh;
  left: 52vw;

}
.texto62{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 76vh;
  left: 52vw;

}
.texto63{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 73vh;
  left: 48vw;

}
.texto64{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 70vh;
  left: 48vw;

}
.texto65{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1.2vw;
  bottom: 67vh;
  left: 48vw;

}
.texto66{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1.25vw;
  bottom: 64vh;
  left: 49vw;

}


.texto71{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 57vh;
  left: 51vw;

}
.texto72{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.8vw;
  bottom: 54.5vh;
  left: 51vw;

}
.texto73{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 51vh;
  left: 48vw;

}
.texto74{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 48vh;
  left: 48vw;

}
.texto75{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1.2vw;
  bottom: 44vh;
  left: 48vw;

}
.texto81{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.8vw;
  bottom: 36vh;
  left: 51vw;

}
.texto82{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1vw;
  bottom: 33.5vh;
  left: 52vw;

}
.texto83{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 31vh;
  left: 48vw;

}
.texto84{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.7vw;
  bottom: 26vh;
  left: 48vw;

}
.texto85{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1.2vw;
  bottom: 22vh;
  left: 48vw;

}
.texto86{
  position: absolute;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.95vw;
  bottom: 28.3vh;
  left: 48vw;

}

.boneco1{
  position: absolute;

font-size: 1.5vW;

  bottom: 75vh;
  left: 6vW;

  

  border-radius:0.5vh;
}
.boneco2{
  position: absolute;

font-size: 1.5VW;

  bottom: 63vh;
  left: 6vw;

  

  border-radius:0.5vh;
}
.boneco3{
  position: absolute;

font-size: 1.5VW;

  bottom: 78vh;
  left: 27.5vw;

  

  border-radius:0.5vh;
}
.boneco4{
  position: absolute;

font-size: 1.5vw;

  bottom: 63vh;
  left: 27.5vw;

  

  border-radius:0.5vh;
}
.boneco5{
  position: absolute;

font-size: 1.5vw;

  bottom: 48vh;
  left: 27.5vw;

  

  border-radius:0.5vh;
}

.boneco6{
  position: absolute;

font-size: 1.5vw;

  bottom: 78vh;
  left: 48.3vw;

  

  border-radius:0.5vh;
}
.boneco7{
  position: absolute;

font-size: 1.5vw;

  bottom: 71vh;
  left: 56vw;

  

  border-radius:0.5vh;
}

.boneco8{
  position: absolute;

font-size: 1.5vw;

  bottom: 56vh;
  left: 48.3vw;

  

  border-radius:0.5vh;
}
.boneco9{
  position: absolute;

font-size: 1.5vw;

  bottom: 49vh;
  left: 56vw;

  

  border-radius:0.5vh;
}
.boneco10{
  position: absolute;

font-size: 1.5vw;

  bottom: 34vh;
  left: 48.3vw;

  

  border-radius:0.5vh;
}
.boneco11{
  position: absolute;

font-size: 1.5vw;

  bottom: 27vh;
  left: 56vw;

  

  border-radius:0.5vh;
}


.botaoenviar{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-style: groove;
  border-radius: 1vh;
  

}
.anome{
  font-family: 'M PLUS Code Latin', sans-serif;
  position: relative;
  width: 100%;
  height: 100%;

}
.atelefone{

  font-family: 'M PLUS Code Latin', sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
}

.aemail{

  font-family: 'M PLUS Code Latin', sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
}

.acomentario{

  font-family: 'M PLUS Code Latin', sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
}
.quadro1{
  position: absolute;
  border-style: inset;
  box-sizing: border-box;

  bottom: 55vh;
  left: 4vw;
  width: 17Vw;
  height: 30vh;

  border-color: rgb(131, 77, 6);
  
  }
  .quadro11{
    position: absolute;
    box-sizing: border-box;

    bottom: 72vh;
    left: 5vW;
    width: 12vw;
    height: 10vh;

    border-radius:0.5vh;
    
    }
    .quadro12{
      position: absolute;
      box-sizing: border-box;
 
      bottom: 60vh;
      left: 5vw;
      width: 12Vw;
      height: 10vh;
 
      border-radius:0.5vh;
      
      }
  .quadro2{
    position: absolute;
    border-style: inset;
    box-sizing: border-box;

    bottom: 35vh;
    left: 25VW;
    width: 17Vw;
    height: 50vh;

    border-color: rgb(131, 77, 6);
    
    }
    .quadro21{
      position: absolute;
      box-sizing: border-box;

      bottom: 70vh;
      left: 26vw;
      width: 12vw;
      height: 13vh;

      border-radius:0.5vh;
      
      }
      .quadro22{
        position: absolute;
        box-sizing: border-box;
  
        bottom: 55vh;
        left: 26vw;
        width: 12Vw;
        height: 13vh;
  
        border-radius:0.5vh;
        
        }
        .quadro23{
          position: absolute;
          box-sizing: border-box;
    
          bottom:40vh;
          left: 26vw;
          width: 12Vw;
          height: 13vh;
  
          border-radius:0.5vh;
          
          }
    .quadro3{
      border-style: inset;
      position: absolute;
      box-sizing: border-box;

      bottom: 15vh;
      left: 46VW;
      width: 17Vw;
      height: 70vh;

      border-color: rgb(131, 77, 6);
      
      }
      .quadro31{
        position: absolute;
        box-sizing: border-box;
   
        bottom: 63vh;
        left: 47vw;
        width: 12vw;
        height: 20vh;
   
        border-radius:0.5vh;
        
        }
        .quadro32{
          position: absolute;
          box-sizing: border-box;
          scale: 1;
          bottom: 41vh;
          left: 47vw;
          width: 12Vw;
          height: 20vh;
   
          border-radius:0.5vh;
          
          }
          .quadro33{
            position: absolute;
            box-sizing: border-box;
      
            bottom:20vh;
            left: 47vw;
            width: 12Vw;
            height: 19vh;
     
            border-radius:0.5vh;
            
            }

      
.pe{
  font-size: 0.8vw;
position: absolute;
box-sizing: border-box;
background-color: rgb(0, 0, 0);
bottom: 0vh;
left: 0vw;
width: 100Vw;
height: 7vh;
opacity: 0.85;
color: rgb(219, 212, 212);
font-family: 'M PLUS Code Latin', sans-serif;

}



.bighe{
  position: absolute;
  box-sizing: border-box;
  background-color: rgb(0, 0, 0);
  bottom: 90vh;
  left: 0vw;
  width: 100Vw;
  height: 10vh;
  opacity: 0.85;
  
  }
.titulo{
  font-family: 'M PLUS Code Latin', sans-serif;
  position: absolute;
font-size: 6vh;
color: rgb(255, 255, 255);
right: 5vw;
opacity: 0.8;

}

.fundo{
  position: absolute;
  background-color: #27748c;
  opacity: 0.15;
  width: 99vw;
  height: 98vh;
  }

.botaoenviar
{ 

  cursor: pointer;
  position: absolute;

  background-color: rgb(51, 39, 39);
  bottom: 45vh;
  right: 15vw;
  width: 17Vw;
  height: 17vh;
  opacity: 0.9


  
}

.ted { 
  font-family:monospace;
  font-size: 2vw;
color:rgb(255, 255, 255);
  position: relative;
opacity: 1;

  
}
.i{
  height: 20vh;
  position: relative;
}





.modal-window2 {

  position: fixed;
  background-color: rgba(218, 181, 181, 0.75);


  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal-window2:target {
  opacity: 0.95;
  pointer-events: auto;
}

.modal-window2>div {
  opacity: 1 ;
  width: 50vw;
  height: 50vh;
  position: absolute;
  top: 20vh;
  left: 20vw;
 
  margin: 1% auto;
  padding: 2rem;
  background: rgb(170, 20, 20);
  color: #444;


}

.modal-window2 header {
  font-weight: bold;
}

.modal-close2 {
  color: rgb(255, 255, 255);
  line-height: 5px;
  font-size: 2vw;
  position: absolute;
  right: 0;
 
  text-align: center;
  top: 1;
  width: 3vw;
  text-decoration: none;
}

.modal-close2:hover {
  color: rgb(224, 160, 160);
}



.tnome{
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1.2vw;
  position: absolute;
  right: 28vw;
  top: 10.3vh;
color: aliceblue; 

}
.temail{
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1.2vw;

  position: absolute;
  right: 28vw;
  top: 15.6vh; 
color: aliceblue;

}
.ttelefone{
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1.2vw;

  position: absolute;
  right: 28vw;
  top: 21vh;
color: aliceblue;

}
.tcodigopostal{
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1.1vw;

  position: absolute;
  right: 28vw;
  top: 26.8vh;
color: aliceblue;

}
.tcomentario{
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 1vw;

  position: absolute;
  right: 28vw;
  top: 32vh;
color: aliceblue;

}

.snome{
  position: absolute;
  right: 9vw;
  top: 10vh;
color: rgb(68, 121, 167);
width: 18vw;
height: 3vh;

}
.semail{
  position: absolute;
  right: 9vw;
  top: 15.5vh;
color: rgb(49, 106, 156);
width: 18vw;
height: 3vh;

}
.stelefone{
  position: absolute;
  right: 15vw;
  top: 21vh;
color: rgb(67, 109, 146);
width: 12vw;
height: 3vh;

}
.spost1{
  position: absolute;
  right: 24vw;
  top: 26.5vh;
color: rgb(83, 130, 172);
width: 3vw;
height: 3vh;

}
.spost2{
  position: absolute;
  right: 21vw;
  top: 26.5vh;
color: rgb(50, 94, 133);
width: 2vw;
height: 3vh;
}

.scomentario{
  position: absolute;
  right: 13vw;
  top: 31.5vh;
color: rgb(50, 94, 133);
width: 14vw;
height: 7.5vh;
}


.bonecomodal{
  cursor: pointer;
  color: rgb(123, 172, 214);
  font-size: 1.1vw;
}
.bonecomodal1{
  position: absolute;
  right: 26vw;
  top: 44.5vh;
}
.bonecomodal2{
  position: absolute;
  right: 26vw;
  top: 41.5vh;
}
.bonecomodal3{
  position: absolute;
  right: 19vw;
  top: 41.5vh;
}
.bonecomodal4{
  position: absolute;
  right: 19vw;
  top: 44.5vh;
}
.bonecomodal5{
  position: absolute;
  right: 12vw;
  top: 41.5vh;
}
.bonecomodal6{
  position: absolute;
  right: 12vw;
  top: 44.5vh;
}
.text2{
  cursor: pointer;
  font-family: 'M PLUS Code Latin', sans-serif;
  font-size: 0.85vw;
  color: aliceblue;
}
.tcasa{
  position: absolute;
  right: 21.9vw;
  top: 44.5vh;
}
.tcarro{
  position: absolute;
  right: 21.9vw;
  top: 41.5vh;
}
.ttrabalho{
  position: absolute;
  right: 14vw;
  top: 41.5vh;
}
.tvida{
  position: absolute;
  right: 16.5vw;
  top: 44.5vh;
}
.tsaude{
  position: absolute;
  right: 9.5vw;
  top: 41.5vh;
}
.tppr{
  position: absolute;
  right: 10vw;
  top: 44.5vh;
}
.tparen{
  font-family: 'M PLUS Code Latin', sans-serif;
  position: absolute;
  right: 11.1vw;
  top: 47vh;
  font-size: 0.7vw;
  color: aliceblue;
}
.quadroescolha{
  font-family: 'M PLUS Code Latin', sans-serif;
  position: absolute;
  right: 9vw;
  top: 40.5vh;
  font-size: 0.65vw;
  background-color: rgb(2, 52, 82);
  width: 19vw;
  height: 6.9vh;
  opacity: 0.2;
  border-style: groove;
  border-color: aliceblue;
  
}
.botaopedir{
  font-family: 'M PLUS Code Latin', sans-serif;
  position: absolute;
  right: 9vw;
  top: 50.5vh;
  font-size: 0.65vw;
  background-color: rgb(95, 14, 14);
  width: 10vw;
  height: 6.9vh;
  opacity: 0.8;
  border-style: groove;
  border-color: aliceblue;
  
}
.ted2 { 
  font-family:monospace;
  font-size: 1vw;
color:rgb(255, 255, 255);
  position: relative;
opacity: 1;

  
}