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_sansregular';
    src: url('josefinsans-italic-webfont.eot');
    src: url('josefinsans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefinsans-italic-webfont.woff2') format('woff2'),
         url('josefinsans-italic-webfont.woff') format('woff'),
         url('josefinsans-italic-webfont.ttf') format('truetype'),
         url('josefinsans-italic-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'josefin_sansregular';
    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: 15px;
    
}

body{
    background-color: #000000;
    }

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

header{
    margin: 5 rem; 0rem;
    padding: 0;
    }
main{
    text-align: center
    
}
aside{
    
}
footer{
    
}
h1{
    color: aliceblue;
    font-family:cursive;
    font-size: 2,5rem;
    text-align: center;
    padding: 3rem;
        
    }

h3{
    color: aliceblue;
    padding: 3rem;
    font-family:fantasy;
    font-size:  50px;
    text-align: center
        
    }
p{
    color: aliceblue;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
nav ul li a{
    padding: 0rem 4rem;
    background-color: #ffffff;
    text-decoration: none;
    font-family:serif;
    color: #000000;
    font-size: 1,6rem;
    float: left;
   
        
}
h2{
   color: #ffffff;
    font-family:monospace;
    font-size: 20px;
    text-align: center;
    padding: 2rem;
}
h4{
    color: aliceblue;
    
}
h5{
    text-align: left;
    margin: 0rem;
    float: left
}
h6{
    text-align: right;
    margin: 0rem;
    float: right;
}