@import "fonts.css";
/* Comfortaa
Ubuntu
Work Sans */

  /* ventana de login */
.hola{
  border-radius: 30px;
  background: #203864;
  max-width: 400px;
  display:inline-block;
  width:100%
}
.bienvenido{
font-family: 'Comfortaa', sans-serif;
}


body{
  /* background-color: #318DC7;
  padding-bottom: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%233d995c' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%234d4d4d' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23359650' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23474747' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%232e9243' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23414041' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23288f34' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%233b3a3b' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23238b24' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%23353436' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%231f870c' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%232f2e30' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
   */
  background: #e6effc;

  background-attachment: fixed;
  background-size: cover;
  height: 100%; 
  overflow-x: hidden;
}

/* va separado como clase porque el footer no se incluye */
.h-screen{
   min-height: 90vh;
}


.body-footer{

/* border-top-style: solid;
   border-color: : black;
   background-image: url("../img/bg/bg-ondas-av.svg");
   padding-bottom: 50px;
   background: rgba(46, 65, 45, 0.7); */

  margin-left: 0px;
  font-family: 'Ubuntu', cursive;
  font-size: 35px;
  background: rgba(50, 62, 79, 0.7);
  background-color: #484848;
  background-attachment: fixed;
  background-size: cover;
}

 
 /*  FOOOTER */
.h1-footer{
color: #D5DEE4; 
font-family: 'Comfortaa', sans-serif; 
font-size: 19px; 
font-weight: 100; 
line-height: 30px; 
letter-spacing: 1px;
padding: 0 0 5px; 
/* border-bottom: double #3D3D3D;  */
border-bottom: 3px solid #333333;
}
.p-footer {
color: #D5DEE4; 
font-family: 'Verdana', sans-serif; 
font-size: 13px; 
line-height: 26px; 
 margin: 0;
}
.a-footer {
color: #FFFFFF;
}
.a-footer:hover {
color: #FFA4A4;
}


 /*   INPUTSSS DE LOGIN */
.form__group {
  position: relative;
    margin-left: auto;
  margin-right: auto;
  padding: 15px;
  margin-top: 1px;
  width: 90%;
}

.form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #9b9b9b;
  outline: 0;
  font-size: 1rem;
  color: #fff;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
}
.form__field::placeholder {
  color: transparent;
}
.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 20px;
}
.form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #FAFAFA;
}

.form__field:focus {
  padding-bottom: 6px;
  font-weight: 700;
  border-width: 3px;
  border-image: linear-gradient(to right, #11998e, #38ef7d);
  border-image-slice: 1;
}
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #4CFFF1;
  font-weight: 700;
}
/* reset input */
.form__field:required, .form__field:invalid {
  box-shadow: none;
}