@font-face {
    font-family: 'eb_garamondbold';
    src: url('ebgaramond-bold-webfont.woff2') format('woff2'),
         url('ebgaramond-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'eb_garamondmedium';
    src: url('ebgaramond-medium-webfont.woff2') format('woff2'),
         url('ebgaramond-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'eb_garamondregular';
    src: url('ebgaramond-regular-webfont.woff2') format('woff2'),
         url('ebgaramond-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'eb_garamondsemibold';
    src: url('ebgaramond-semibold-webfont.woff2') format('woff2'),
         url('ebgaramond-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ 
	background-color: #fff6c4;
	}


h1{text-align: center;
	color:#fff6c4;
	font-family: 'eb_garamondbold',serif;
	text-align: center;
	background-color: cadetblue;
    font-family: 'eb_garamondbold',serif;    
 }

h2{
	text-align:center;
font-family: 'eb_garamondsemibold';
    color:cadetblue;
    background-color: #ffd6a6;
	}

h3{
	text-align:center;
    font-family: 'eb_garamondregular';
	text-decoration: underline;
    color:cadetblue;
	}


.datos{
	text-align:center;
    font font-family: sans-serif;
	color:cadetblue;
    font-family: 'eb_garamondregular';

	}

p{
	text-align:center;
    font-family: 'eb_garamondregular';
	margin: -1% 0 -1% 0px;
	padding: 3px;
	font-size: 1,5rem;
    color:cadetblue;
}

    
 ul {
  list-style-type: none;
    margin-left: -14%;
  
}

li {
  background-color:#ffd6a6;
  border: cadetblue 2px solid;
 display: flex;
 justify-content: center;

       
}


a { font-size: 1em;
  margin:0px;	 
  text-align:center;
  text-decoration: none;
  background-color:#ffd6a6; 
color:cadetblue;
font-family: 'eb_garamondregular';
 }
 
#entrar{
      font-size: 1em;	
      width: 100%;
     background-color: #ffd6a6;
    border-color: #ffd6a6;
    
      
 }

#aentrar{	
  width: 100%;
    font-family: 'eb_garamondbold',serif;
 }
    





a:hover {background-color:cadetblue;
  color:bisque;
  font-weight: bold;}

#Fotoperfil
{
display: flex;
 
}

#Fotoperfil img
{
width: 100%;  
height: 100%;;
}

#Foto
{
display: flex;
 
}

#Foto img
{
width: 100%;  
height: 100%;;
}

.imagetrabajos
{

 border-radius: 15%;
 
 margin-left: 1em;
     border: 5px  #ffd6a6 double;
 border-radius: 15%;
    margin-top: 5%;
}



.imagetrabajos:hover 
{
	-webkit-transform:scale(1.2);
	transform:scale(1.2);}

    .contenedor
    {overflow:hidden;
    filter: blur(0px);}

 #programa  {
    margin: 1em 0em -2em 0em;
    text-align: center;
     font-family: 'eb_garamondregular';
    }  

footer{
    display: flex;
    font-size: 9pt;
    border: #ffd6a6  solid ;
    margin: 12% 0% 0% 0%;
    width:90%;
    text-align: center;
    justify-content: center;
	padding: 1em;
    font-family: 'eb_garamondregular';
	}




@media screen and (min-width:32em)
{
    
    #entrar{
      font-style: 5rem;	
      width: 100%;
     background-color: #ffd6a6;
    border-color: #ffd6a6;
      
 }

#aentrar{
 
 }
    
    
nav ul {
    display: flex;
    justify-content: center;
      margin-left: 0%; 
      background-color: #ffd6a6;
}

li {
  background-color: #ffd6a6;	
  border: cadetblue 0% double;
padding-left:3%;
 padding-right:6%;
padding-top: .5%;
padding-bottom: .5%;
       
}
a {

font-family: 'eb_garamondregular';
    font-style: 3rem;
    text-align: center;
}

  p{
	text-align:center;
    font-family: 'eb_garamondregular';
	margin: 0% 0 0% 0%;
	padding: .5%;
	font-size: 1,5rem;
    color:cadetblue;
}  
    #Fotoperfil 
    {width:100%;
    
    }
    
    #Fotoperfil:hover 
    {filter: blur(3px);
        width:100%;
    
    }
    
    
 #fototrabajos
{
 margin top:-5%;
 display: flex;
justify-content: center;
}

.imagetrabajos 
{
margin top:0em;
 display: flex;
justify-content: center;
 align-content: center;
    align-items: center;
}
    
    
    .imagetrabajos:hover 
{
	-webkit-transform:scale(1.2);
	transform:scale(1.2);}
    
    footer {
    font-size: 9pt;
    border: #ffd6a6 2px solid ;
    margin: 1em 0em 0em 0em;
    width:90%;
    text-align: center;
	padding: 1em
        
    }

    #programa  {
    margin: 1em 0em -2em 0em;
    text-align: center;
    }  
footer{
    display: flex;
    font-size: 9pt;
    border: #ffd6a6  solid ;
    margin: 7% 0% 0% 0%;
    width:100%;
    text-align: center;
    justify-content: center;
	padding: 1em;
	}


    
}