body{
   object-fit: fill;
   background-size: cover;
   background-repeat: no-repeat;
   background-color: black;
   background-image: url(https://www.viajarjamaica.com/img/clima-cuando-viajar-jamaica.jpg); 
  opacity: .7;
  background-position: center;
 
height: 100vh;
position: relative;
}
.imagen{
    background-color: black;
   height: 100vh;
    
}
  
  
  #resultado{
      text-align: center;
  }
  
  .desc{
      margin-top: 0.5%;
      text-transform: capitalize;
      font-style: italic;
      font-size: 18px;
      margin-bottom: 5px;
  
  }
  
  #resultado h3{
      font-size: 22px;
      color: white;
      height: 80%;;
      
  }
  
  h3{
      font-size: 22px;
      text-align: center;
  font-weight: normal;
  
  }
  
   input, button{
      margin: auto;
      align-items: center;
      align-content: center;
     display: flex;
     justify-content: center;
     margin-bottom: 1%;
     text-align: center;
     
   
  }
  label{
      display: flex;
      justify-content: center;
      text-align: center;
      
      opacity: .8;
  }
  button{
      background-color: #0f8b90;
      color:white;
  }
   .App{   
   
  
   height: 100%;
   width: 100vw;
   margin: 0%;
   color:white;
  
  
  
  }
    
  .texto{
      text-align: center;
     
      ;
  }
  footer, a{
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      color: white;
      text-align: center;
      font-style: italic;
      font-size: 10px;
    
  }
  
  @media (max-width: 768px) { 
  
  *{
      font-size:20px;
  }
  button{
      margin-top: 4%;
      margin-bottom: 4%;
  }
  
  
  
  .App h3{
   
      margin-bottom: 10%;
    font-size: 25px;
  }
  .desc, p{
      font-size: 20px;
  
  }
  #resultado, h3{
      margin-bottom: 1%!important;
      font-size: 32px!important;
  }
  #resultado{
      margin-top: 5%;
  
  }
  body{
      height: 100vh;
      padding-bottom: 0;
      margin-bottom: 0;
  }

   }