.ventana_flotante {
    background: #EEF6FF;
    border-radius: 9px 7px 9px 7px;
    bottom: 150px;
    right: auto;
    margin-right:120px;
    padding: 20px;
    position: fixed;
    text-align: center;
    width: 200px;
    border-color: #003396 #006DE0 #003396;
    border-width: 10px 8px 10px;
    border-style: dashed;
    
    }

body {
  background: url(https://eggramen.neocities.org/bluesun.png);
  color: #005689;
  font-family: verdana;
  font-size: 16px;
  /*text-align:center;*/
  }
  
  a {
    color: #0077cc
    }
    
  small {
    font-size:10pt;
    }
    
  .box {
    border: 3px solid #539cb2;
    margin-left: 20%;
    margin-right: 20%;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 22px;
    background-color:#c1dae1;
    
    }
    
    h1 {
    text-align: center;
    border: 3px solid #539cb2;
    margin-left: 22%;
    margin-right: 22%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 20px;
    background-color:#c1dae1;
      }
      
    h2 {
    text-align: center;
    border: 3px solid #539cb2;
    margin-left: 25%;
    margin-right: 25%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    background-color:#c1dae1;
      }
      
       h5 {
      text-align: center;
      }
      
       center {
      text-align: center;
      }
      
      
input:focus {
background-color: #B1CBF3;
}
input:invalid {
color: #D12600;
}
input:valid {
color: #10657A;
}
input:required {
border: 3px solid #FF8700;
}
input:focus:required:invalid {
background-color: #FEDDA3;
}