@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


:root{
    --azul: #0F70B8;
    --negro: #000;
    --blanco: #fff;
    --border: #ddd;
    --rojo: #dc3545;
}
body,html{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
*{
    font-size: 16px;
    color: var(--negro);
    font-family: "Roboto", serif;
}

.container {
    width: 80%;
}

h2{
    color: var(--negro);
    text-transform: uppercase;
    font-size: 25px;
    margin: 50px 0 10px 0;
}


input, select, button {
    width: -webkit-fill-available;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid var(--border);
}
button {
    background: var(--azul);
    color: var(--blanco);
    cursor: pointer;
}

.logo{
    text-align: center;
    margin: 30px 0;
}

.cerrar{
    padding-top: 50px;
}