*  {padding: 0;
    margin: 0;
    box-sizing: border-box;
    }

body {font-family: 'Quicksand', sans-serif;
       background-color: rgba(157, 203, 219, 1);
}


header {display: flex;
        justify-content: center;
        align-items: center;
        height: 25vh;
}

header h1 {padding: 3%;
           padding-top: 20%;
           font-weight: 600;
           font-size: 50px;
           color: white;
           text-shadow: 4px 3px 3px rgba(70, 132, 151, 1);
}

button h2 {font-family: 'Quicksand', sans-serif;
           font-weight: 800;
}

main {display: flex;
      flex-direction: column;
      align-content: space-between;
      height: 65vh;
        
}


#usuario {padding-top: 20%;
          padding-bottom: 0%;
          padding-left: 15%;
          display: flex;
          flex-direction: column;
          justify-content: center;
}


#usuario h3 {font-family: 'Quicksand', sans-serif;
             padding: 5%;
             font-size: 20px;
             font-weight: 200;
            
}

form {display: flex;
      justify-content: center;
      background-color: rgba(192, 221, 230, 1);
      width: 70vw;
      margin: 8px 0;
      box-sizing: border-box;
      border: none;
      border-bottom: 1px solid black;
      
}




#login {display: flex;
        justify-content: center;
        font-weight: 400;
        font-size: 18px;
        padding-top: 3%;

}

button {background-color: rgba(70, 132, 151, 1);
        padding: 30px 45px;
        border-radius: 10px;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
        width: 70vw;
}

button a h2 {color: white;
           font-size: 25px;
           font-weight: 600; 
    
}

button a {text-decoration: none;}


footer {height: 10vh;}

#registrarme {display: flex;
             justify-content: center;
             align-content: flex-end;
             font-size: 15.5px;
             font-weight: 400;
             padding-bottom: 3%;
             color: white;

}

span {font-weight: 500;
      }