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

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

body {background: #d54f5c;
color: #fff;
}


.dni{
    width: 50%;
    padding: 2rem;
    background: #30ad92;
    border-radius: 5rem;
    height:50%;
    font-size: 3rem;
    margin: 130px 0px 25px 0px;
    font-family: roboto;
    text-align: left

}

.contra{
    width: 50%;
    background: #30ad92;
    padding: 2rem;
    border-radius: 5rem;
    height:50%;
    font-size: 3rem;
    margin: 130px 0px 25px 0px;
    font-family: roboto;
     text-align: left
         

}

.iniciar{
    width: 40%;
    font-size: 3rem;
     padding: 2rem;
    text-align: center;
    border-radius: 70px; border:4px solid #fff;
    font-family: roboto;
    margin: 220px 0px 25px 0px;

}

.olvidaste{
     width: 40%;
    font-size: 2rem;
     padding: 2rem;
    text-decoration: underline;
    border:0px solid #fff;
    font-family: roboto;
    margin: 0px 0px 0px 0px;

}


a {
    color: #fff;
font-family: roboto;
    text-decoration: none;
text-align: center;
        font-size: 7rem;
}


#logocat{
    display: flex;
    margin: 220px 0px 25px 0px;
    justify-content: center;
    align-content: center;
}


/*home*/


body {background: #d54f5c;
color: #fff;
}



h4 {
    color: #fff;
    font-size: 8rem; 
      margin: 0% 0% -1% 0%;
font-family: barrio;
text-align: center}


h2 {
    color: #fff;
    font-size: 80%;
font-family: roboto;
text-align: center} 

#progreso 
{
    display: flex;
    justify-content: space-around;
    align-content: center;
    text-align: center;
    padding: 35% 0% 0% 0%;
    line-height: 1rem
}

h3{
    font-style: normal;
    font-size: 3rem;
    line-height: 10rem;
    font-family: 'roboto';
    color: #fff }

a {
    color: #fff;
    font-size: 1rem; 
font-family: roboto;
text-align: center;
    font-size: 70%;
}


#header {background-color: none; 
padding: 0rem; 
width: 100%; 
margin: 2rem}


#imgheader{
    display: flex;
    justify-content: space-between;
    margin: 0% 0% 10% 0%;
    background: #fff;
    background-size:contain;
    align-content: center
}

#imgfooter { 
display: flex;
justify-content: space-between;
margin: -30% 2% 0% 3%;
background: none
}

#categorias { 
display: flex;
justify-content: space-between;
margin: -1% 0% 0% 4%;
font-size: 2rem;
    color: #fff
}

footer 
    {background-color:none; 
    padding: 42% 0% 0% 0%; 
    width:100%; 
    margin: 0%}

p{font-style: normal;
    line-height: 2rem;
    font-family: 'roboto'}


/*home*/


/*inscripciones*/


#imgfooter2 { 
display: flex;
justify-content: space-between;
margin: 22% 2% 0% 3%;
background: none
}

#categorias2 { 
display: flex;
justify-content: space-between;
margin: -2% 0% 0% 4%;
font-size: 2rem;
    color: #fff
}

.examenes{
    color: #fff;
    text-decoration-line:line-through;
    font-size: 5rem;
    margin: 45% 0% 0% 4%;;
    text-decoration: none;
font-family: barrio;
text-align: center;
}

.cursada{
    width: 80%;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #30ad92;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 230px 20px 25px 70px;

 
}


/*examenes*/


#imgfooter3 { 
display: flex;
justify-content: space-between;
margin: -35% 2% 0% 3%;
background: none
}

#categorias3 { 
display: flex;
justify-content: space-between;
margin: -2% 0% 0% 4%;
font-size: 2rem;
    color: #fff
}

.examenes3{
    color: #fff;
    text-decoration-line:line-through;
    font-size: 5rem;
    margin: 45% 0% 0% 4%;;
    text-decoration: none;
font-family: barrio;
text-align: center;
}

.cursada3{
    width: 80%;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #30ad92;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 230px 20px 25px 70px;

 
}

.mayo{
    width: 50%;
    color: #d54f5c;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #fff;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 90px 120px 25px 230px;
        
}

.julio{
    width: 50%;
    color: #d54f5c;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #fff;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 5px 120px 25px 230px;
}

.septiembre{
    width: 50%;
    color: #d54f5c;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #fff;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 5px 120px 25px 230px;
}

.diciembre{
    width: 50%;
    color: #d54f5c;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #fff;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 10px 120px 25px 230px;
}

/*mayo*/

#imgfooter4 { 
display: flex;
justify-content: space-between;
margin: -38% 2% 0% 3%;
background: none
}

#categorias4 { 
display: flex;
justify-content: space-between;
margin: -2% 0% 0% 4%;
font-size: 2rem;
    color: #fff
}

.examenes4{
    color: #fff;
    text-decoration-line:line-through;
    font-size: 5rem;
    margin: 45% 0% 0% 4%;;
    text-decoration: none;
font-family: barrio;
text-align: center;
}

.cursada4{
    width: 80%;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #30ad92;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 100px 20px 25px 70px;

 
}

.mayo4{
    width: 50%;
    color: #d54f5c;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #fff;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 90px 120px 25px 230px;
        
}

.julio4{
    width: 50%;
    color: #d54f5c;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #fff;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 5px 120px 25px 230px;
}

.fechas{
    width: 70%;
    color: #d54f5c;
    text-align: center;
    justify-content: center;
    padding: 1rem;
    font-family: roboto;
    background: #fff;
    border-radius: 5rem;
    height:30%;
    font-size: 2rem;
    margin: 5px 120px 25px 150px;
}



.septiembre4{
    width: 50%;
    color: #d54f5c;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #fff;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 5px 120px 25px 230px;
}

.diciembre4{
    width: 50%;
    color: #d54f5c;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #fff;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 10px 120px 25px 230px;
}


/*cursadita*/


#imgfooter5 { 
display: flex;
justify-content: space-between;
margin: 7% 2% 20% 3%;
background: none
}

#categorias5 { 
display: flex;
justify-content: space-between;
margin: -2% 0% 0% 4%;
font-size: 2rem;
color: #fff
}

.examenes5{
    color: #fff;
    text-decoration-line:line-through;
    font-size: 5rem;
    margin: 45% 0% 0% 4%;;
    text-decoration: none;
font-family: barrio;
text-align: center;
}

.cursada5{
    width: 80%;
    text-align: center;
    justify-content: center;
    padding: 2rem;
    font-family: barrio;
    background: #30ad92;
    border-radius: 5rem;
    height:50%;
    font-size: 5rem;
    margin: 210px 20px 25px 70px;


 
}

.cursadita{
    width: 70%;
    color: #d54f5c;
    text-align: center;
    justify-content: center;
    padding: 1rem;
    font-family: roboto;
    background: #fff;
    border-radius: 5rem;
    height:30%;
    font-size: 2rem;
    margin: 5px 120px 400px 150px;
}


/*niveles*/
.imagenFondo1 {
    width: 10px;
    justify-content: center;
    height: 10px;}

.imagenFondo2 {
    width: 10px;
    height: 10px;}

.imagenFondo3 {
    width: 10px;
    height: 10px;}

.DGAPP{
    font-family:ROBOTO;
    font-size: 5REM;
text-align: center}

#Descripcion
{
    display: flex;
      font-size: 3rem;
    justify-content: center;
    align-content: center;
    text-align: center
}

#imgfooter5 { 
display: flex;
justify-content: space-between;
margin: -30% 2% 0% 3%;
background: none
}

#categorias5 { 
display: flex;
justify-content: space-between;
margin: -2% 0% 0% 4%;
font-size: 2rem;
color: #fff
}


/* Perfil */

h5 {
    text-decoration:none; 
    color: #ffffff; 
    font-size: 7rem; 
    font-family: 'roboto';
    text-align: left;
    margin: 7rem 3rem 5rem 1rem
}

h6 {
    text-decoration:none; 
    color: #ffffff; 
    font-size: 2rem; 
    font-family: 'roboto';
    text-align: left;
    margin: -5rem 0rem 5rem 4rem
}

li {
    display: flex;
    list-style-type: none;
    font-family: 'roboto';
    font-size: 2rem;
    margin: 5rem 0rem 0rem 4rem;
    color: #fff;
    
}

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

#imgfooter6 { 
display: flex;
justify-content: space-between;
margin: -18% 2% 0% 3%;
background: none
}

#categorias6 { 
display: flex;
justify-content: space-between;
margin: -1% 0% 0% 4%;
font-size: 2rem;
color: #fff
}

/* Cambiar imágen de perfil */

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

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