#headSmart{
  display: flex;
  align-items: center;
  justify-content: center;
}

#smart{
  max-width: 30%;
  margin: 0 auto;
}

#titulo{
  display: flex;
  align-items: center;
  justify-content: center;
}

#elTitulo{
  font-size: 2em;
  font-family: 'Poppins',sans-serif;
  font-weight: 600;
  color:#ffffff;
  margin: 2%;
  margin-top: 5%;

}

#elTitulo2{
  font-size: 1em;
  font-family: 'Poppins',sans-serif;
  font-weight: 300;
  color:#ffffff;
  margin: 2%;
  margin-top: 1%;
  margin-bottom: 5%;
  text-align: center;

}

#formulario{
  display: flex;
  align-items: column;
  justify-content: center;
  color: #fff;
  font-weight: 600;
}

#boton{
  width: 100%;
  height: 50px;
  padding: 0px;
  background-color: #ffffff;
  color: #c91212;
  border-color: #ffffff;
  font-size: 1em;
  font-family: 'Poppins',sans-serif;
  font-weight: 500;
  border-radius: 30px;
  cursor: pointer;
}

.website {
  position: absolute;
  top: 50% ;
  left: 50% ;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.13);
  opacity: 0.90;
  padding: 2em;
  box-shadow: 0px 0px 5px #848484;
  border-radius: 20px;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 40px rgba(27, 26, 31, 0.6);
  width: 90%;
  max-width: 768px;

  
}

  .website {
    height: 92%;
    width: 30%;
    padding: auto;
    border-radius: 24px;
    max-width:768px;
    
  }

  #cedula {
    width: 100%;
    padding: 12px;
    font-size: 1em;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    border: 0px solid #ccc;
    border-radius: 30px;
    background-color: #f5f5f523; 
    color: #ffffff;
    outline: none;
  }
  
  #cedula::placeholder {
    color: #ffffff; 
  }
  
  #cedula:valid {
    color: #ffffff; 
  }
  
  #sede {
    width: 100%; 
    padding: 12px; 
    font-size: 1em; 
    font-family: 'Poppins',sans-serif;
    border: 0px solid #ccc; 
    border-radius: 30px; 
    background-color: #f5f5f523; 
    color: #ffffff; 
    outline: none;
     }

  #sede::placeholder {
      color: #ffffff; 
    }
    
  #sede:valid {
      color: #ffffff; 
    }

  #reporta {
  width: 100%; 
  padding: 12px; 
  font-size: 1em;
  font-family: 'Poppins',sans-serif; 
  border: 0px solid #ccc;
  border-radius: 30px; 
  background-color: #f5f5f523; 
  color: #ffffff; 
  outline: none;
   }
   
#reporta:focus {
  border-color: #ffffff;
  background-color: #fff; 
  color: #222020; 
}

#reporta option {
  background-color: #f5f5f5; 
  color: #222020; 
}

#reporta:hover {
  border-color: #ffffff; 
}

@media (max-width: 768px) {
  #smart {
    max-width: 46%;

  }

.website {
    width: 89%;
    height: 75%;
    padding: 2em;
  }
}


body{
  background-color: #ffffff; 
    background-size: cover;
}