/**
Plantilla de código CSS. 

Estilos css básicos para formulario de login de prueba usando autentificación con firebase
*/

.tarjeta {
    margin: 30px;
}

.sombra {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*
Añadimos un margen interior a las tarjetas, para separar su contenido de los bordes
*/
.card {
    padding: 20px 10px;
}

.tarjeta-perfil {
    max-width: 20%;
    max-height: 15%;
}

/*A todos los elementos que haya dentro del div #login-controls*/
#login-controls * {
    margin-bottom: 5px;
}

/*Añadimos un margen extra a los botones sociales para cuando se apilen no salgan pegados*/
#social-buttons a {
    margin: 5px;
}

/*Para que el footer no se solape con la página cuando no cabe*/
body {
    background-color: grey;
    margin-bottom: 75px;
}

.margen-izq {
    margin-left: 10px;
}

.margen-der {
    margin-right: 10px;
}

.margen-top {
    margin-top: 10px;
}

.oculto {
    display: none;
}