/* Fuentes */    

@import url('https://fonts.googleapis.com/css?family=Hind');
@import url('https://fonts.googleapis.com/css?family=Asap');

/* Fondo */    

body {background: rgba(105, 211, 158, 0.54)}

/* Header */

#imgs { 
display: flex;
justify-content: space-between;
align-content: center;
}

/* Footer */

#imgs1 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 27rem 1rem 0rem 1rem
}

#imgs2 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 19rem 1rem 0rem 1rem
}

#imgs3b {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 16rem 1rem 0rem 1rem
}

#imgs4 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 60rem 1rem 0rem 1rem
}

#imgs5 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 27rem 1rem 0rem 1rem
}

#imgs6 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 15rem 1rem 0rem 1rem
}

#imgs7 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 48rem 1rem 0rem 1rem
}

/* Index */

h1 {
    text-decoration:none; 
    color: #d54f5c; 
    font-size: 7rem; 
    font-family: 'Asap';
    text-align: center;
    margin: 10rem 0rem 5rem 0rem
}

h2 {
    text-decoration:none; 
    color: #d54f5c; 
    font-size: 2rem; 
    font-family: 'Hind';
    text-align: center;
    margin: 0rem 0rem 0rem 0rem
}

#progreso {
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 3rem;
    align-items: center;
    margin: 5rem 0rem 0rem 0rem
    
}

h4 {
    display: flex;
    text-align: left;
    font-family: 'Asap';
    color: #d54f5c
       
}

#categorias {
    font-family: 'Asap';
    font-size: 2rem;
    display: flex;
    justify-content: space-between;
    margin: -1rem 3rem 0rem 4rem;
    color: #d54f5c

}

/* Inicio de sesión */

#cat { 
display: flex;
justify-content: center;
padding: 5rem 0rem 0rem 0rem
}

h3 {
    text-decoration:none; 
    color: #d54f5c; 
    font-size: 3rem; 
    font-family: 'Asap';
    text-align: center;
    margin: 1rem 0rem 2rem 0rem
}

.dni {
    color: #d54f5c; 
    border-radius: 20px; border: 2px; 
    font-size: 3rem; 
    font-family: 'Hind';
    text-align: justify;
    width: 40rem;
    background: #ffffff
    
}

.contra {
    color: #d54f5c; 
    border-radius: 20px; border: 2px  ;
    font-size: 3rem; 
    font-family: 'Hind';
    text-align: left;
    width: 40rem;
    background: #ffffff

}

.iniciar {
    border-radius: 20px; border: 2px  ;
    color: #13987b; 
    font-size: 2rem; 
    font-style: bold;
    font-family: 'Hind';
    text-align: center; 
    width: 40rem;
    background: #ffffff;
    padding: 0rem 

    
}

.contraseña {
    font-family: 'Hind';
    color: #d54f5c;
}

a {
    color: #ffffff; 
    border-radius: 20px; border: 2px  ;
    font-size: 2rem; 
    font-family: 'Hind';
    text-align: justify;
}

/* Perfil */

h5 {
    text-decoration:none; 
    color: #d54f5c; 
    font-size: 7rem; 
    font-family: 'Asap';
    text-align: left;
    margin: 7rem 0rem 5rem 3rem;
}

h6 {
    text-decoration:none; 
    color: #d54f5c; 
    font-size: 2rem; 
    font-family: 'Asap';
    text-align: left;
    margin: -5rem 0rem 5rem 3rem
}

li {
    display: flex;
    list-style-type: none;
    font-family: 'Hind';
    font-size: 2rem;
    margin: 5rem 2rem 0rem 2rem;
    color: #d54f5c;
    justify-content: space-between
    
}

#editar {
    display: flex;
    align-content: space-around;
    align-items: center
}

#imgs3 {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 15rem 1rem 0rem 1rem
}

#categorias2 {
    font-family: 'Asap';
    font-size: 2rem;
    display: flex;
    justify-content: space-between;
    margin: -1rem 3rem 0rem 4rem;
    color: #d54f5c

}

div {
    display: flex;
    justify-content: space-between
}

/* Cambiar imágen de perfil */

.Cambiarfoto {
	display: flex;
	justify-content: center;
	margin: 7rem 0rem -5rem 0rem
}

#Cambiar {
	display: flex;
	justify-content: center;
    font-family: 'Hind';
	color: #d54f5c; 
    font-size: 2rem; 
    margin: 4rem 0rem 0rem 0rem
}

/* Mis Materias */

#Misma {
	display: flex;
	justify-content: center;
    font-family: 'Asap';
	color: #d54f5c; 
    font-size: 7rem; 
    margin: 5rem 0rem 0rem 0rem
}

#Selecc {
	display: flex;
	text-align: center;
    font-family: 'Hind';
	color: #d54f5c; 
    font-size: 2rem; 
    margin: 0rem 2rem 5rem 2rem
}

#Niveles {
	margin: 0rem 0rem 0rem 0rem;
	justify-content: center;
}

/* Inscripción */

.Inscrip {
	width: 50rem;
	text-align: center;
	justify-content: center;
	margin: 3rem;
	font-family: 'Asap';
	background: #d54f5c;
	border-radius: 5rem;
	font-size: 4rem;

}

.meses {
	text-decoration: none;
	font-family: 'Hind';
	font-size: 2rem;
	text-align: center;
	color: #d54f5c
}

#imgsinscri { 
display: flex;
justify-content: space-between;
align-content: center;
margin: 0rem 0rem 14rem 0rem
}

.año {
	text-align: center;
	color: #d54f5c;
	font-family: 'Asap';
	font-size: 3rem
}
.fechas {
	font-family: 'Hind';
	color: #d54f5c;
	text-align: left;
	padding: 0rem 0rem 0rem 8rem
}