charset"utf-8"



@font-face {
    font-family: 'josefin_sansbold';
    src: url('josefinsans-bold-webfont.eot');
    src: url('josefinsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefinsans-bold-webfont.woff2') format('woff2'),
         url('josefinsans-bold-webfont.woff') format('woff'),
         url('josefinsans-bold-webfont.ttf') format('truetype'),
         url('josefinsans-bold-webfont.svg#josefin_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'josefin_sansbold';
    src: url('josefinsans-light-webfont.eot');
    src: url('josefinsans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefinsans-light-webfont.woff2') format('woff2'),
         url('josefinsans-light-webfont.woff') format('woff'),
         url('josefinsans-light-webfont.ttf') format('truetype'),
         url('josefinsans-light-webfont.svg#josefin_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'josefin_sanslight';
    src: url('josefinsans-regular-webfont.eot');
    src: url('josefinsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefinsans-regular-webfont.woff2') format('woff2'),
         url('josefinsans-regular-webfont.woff') format('woff'),
         url('josefinsans-regular-webfont.ttf') format('truetype'),
         url('josefinsans-regular-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*primero mobile*/
 


/*escritorio*/

html{
    font-size: 12px;
}

body{  background-color: rgb(247, 247, 191);
        
    }

    div#pagina{
            width: 92%;
            margin: auto;
            }

header{
    margin:1rem 2rem;
    padding:1rem ;
    }
main{ text-align: center;
}

aside{
    
}
footer{
    
}
h1{ color: #541890;
    font-family: 'josefin_sanslight';
    font-size:1,2rem;
    }

h2{ color: #b26bf8;
font-family: 'josefin_sansregular';
    background-color: rgba(255, 255, 255, 0.32);
font-size:1.8rem;

    
}

h4 { color: #b26bf8;
font-family: 'josefin_sansregular';
    background-color: rgba(255, 255, 255, 0.32);
    font-size:1rem;
}

p{ 
    color: #a75df0;
font-family: 'josefin_sanslight';
font-size: 1.3rem 2rem ;
}

section p{
width: 98%;
 

}
ul{
    list-style: none;
    margin: 0rem;
    padding: 2rem;
        }

nav ul li{
    text-decoration:none;
padding:0rem;
background-color: rgb(219, 130, 240);
margin:0.8rem;
font-family: serif;
text-align:center;
}

nav ul li a{
text-decoration-color: none;
text-decoration:none;
text-align:center;
font-family:'josefin_sanslight'; 
color: #ffffff;
font-size:1.4rem ;
margin:2.5rem ;

}