@charset "urf-8";
*{ box-sizing: border-box; }

#pagina {max-width: 70em;
    margin:auto;}


header {
width: 100%;
background-color: #ffe3f1;
padding: 0;
margin: 0;
height: 4em;
}

body, main {overflow-x: hidden;}

#logo {background-color: #9600a4; 
    border-radius: 50%; 
    width: 4em; 
    height: 4em;
    border: 0.1em dashed white;
    color: white;
    text-align: center;
    line-height: 3em;
    margin: 0em; 
    padding: 0.5em;
    position: relative;
margin-left: 60em;
    bottom: 2.5em;
    letter-spacing: 0.1em;
    font-family: sans-serif;}


nav ul{
    list-style: none;
    margin: 0.4em; padding:0em;
    background-position:center;
    padding-top: 0,5em;
   } 

nav ul li {
    display: inline-block;
    margin-right: 0;
    margin-top:0.5em;
     }

nav ul li a { 
    background:#ff007e;
    display: ;
    color:floralwhite;
    padding: 0.5em;
    text-decoration: none;
    line-height: 2em;
    border-radius: 0.6rem;
    box-shadow:0.1rem 0.1rem 0.4rem #797979;}

nav ul li a:hover {
    background-color: #9600a4;
 } 

nav ul li .Seleccion {
    background-color: #9600a4; }


.datos{
    width:100%;
    margin: 0;
    padding: 1em;
    background-color: floralwhite;
    color: black;
    font-family:sans-serif;
    font-weight:normal;
    font-style:normal;
    font-size: 0.8em;
   
    }

h2{color: #9600a4;
    font-family:sans-serif;
    font-weight:normal;
    font-style:normal;
    text-align:left;
    font-weight: bold;}

main {
    margin: 0rem;
    padding: 0em;
    width: auto;
}
    
figure img { 
    overflow-x: hidden;
    position: relative;
    margin: 1em;
    padding: 0em;
	float: left;
    top: 0em;
	width: 14em;
	height:auto;
	overflow: hidden;
    border-radius: 1em;
    border: 0.2em dashed #ff007e;}

#nombre{ color: #ff0072;
    margin: 0em;
    padding: 0em;
    padding-bottom: 4em;
    font-family: Edwardian Script ITC; cursiva;
    font-size: 3rem;
    letter-spacing: 0.1rem;}

#descripcion{ 
    color: #696969;
    position: relative;
    font-size: 1rem;} 

section {overflow-x: hidden;
        border: 0.1rem dashed #ffa9d3;
       position: relative;
        float: left;
        left: 3em;
        width: 30%;
        margin: 0.2em;
        padding: 1em; 
        margin-top: 2em; }

section ul li {
    text-decoration: none;
    list-style: none;
    display: inline-block;}
    
    
#cursadas{
    color: #ff0072;
    font-family: sans-serif;
    font-weight:bold;
    font-size: 0.8em;
}

#cursando {color: #ff0072;
    font-family: sans-serif;
    font-weight:bold;
    font-size: 0.8em;}

.portfolio a{
    color: white;
    text-decoration: none;
    font-family: sans-serif; 
    margin:0;
    padding: 0.6em;
    border-radius: 0.4rem;
    background:#ff8bbf ; 
    box-shadow: 0.1rem 0.1rem 0.4rem #797979;
    letter-spacing: 0.5rem;
    font-size: 0.7em;
}

.portfolio a:hover {
    background-color: #9600a4;
 } 

footer{ 
    padding: 0;
    margin: 0;
    background-color: #d5d5d5;
    font-size: 0.8em;
    font-family: sans-serif;
    clear: both;
} 

body {background-image: url(imagenes/fondo.jpg);
    background-repeat: no-repeat;
    background-position:right;
    background-size:cover;
}

.contenido {
    overflow-x: hidden;
}

@media screen and (max-width:480px){
    
 header{width: 100%;
background-color: #ffe3f1;
padding: 0;
} 
    
header {
width: 100%;
background-color: #ffe3f1;
padding: 0;
margin: 0;
height: 22em;
}

nav ul{
    list-style: none;
    margin: 0em; padding:0em;
    background-position:center;
    padding-top: 0;
   } 

nav ul li {
    display: block;
    margin-right: 0;
    margin-top:0.5em;
     }

nav ul li a { 
    width:100%;
    display: block;
    background:#ff007e;
    background-position: center;
    color:floralwhite;
    padding: 0.1em;
    text-decoration: none;
    line-height: 2em;
    border-radius: 0.6rem;
    box-shadow:0.1rem 0.1rem 0.4rem #797979;
    text-align: center;}
    
nav ul li a:hover {
    background-color: #9600a4;
 } 
    
#logo {background-color: #9600a4; 
    border-radius: 50%; 
    width: 4em; 
    height: 4em;
    border: 0.1em dashed white;
    color: white;
    text-align: center;
    line-height: 3em;
    margin: 0em; 
    padding: 0.5em;
    position: relative;
    float:right;
    bottom: 0em;
    letter-spacing: 0.1em;
    font-family: sans-serif;}
    
    figure img { 
    overflow-x: hidden;
    position: relative;
    margin: 0em;
    padding: 0em;
	width: 13em;
	height:auto;
    border-radius: 1em;
    border: 0.2em dashed #ff007e;}
    
    #nombre{ 
    width:100%;
    color: #ff0072;
    position: relative;
    float: left;
    
    font-family: Edwardian Script ITC; cursiva;
    font-size: 2rem;
    letter-spacing: 0.1rem;}

#descripcion{ 
    width:70%;
    position:relative;
    float: left;
    bottom: 2em;
    color: #696969;
    font-size: 1rem;} 
    
    section {
          width:80%;
        overflow-x: hidden;
        border: 0.1rem dashed #ffa9d3;
       position: relative;
        padding: 1em; 
        margin-top: 2em; }
    
body, main {overflow-x: hidden;}
    
}