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: #1f7614;
    font-family:sans-serif;
    font-size: 2,5rem;
    text-align: center;
    padding: 1rem;
    background-color:  #000000;
    border-radius: 15px;
    
    }

h3{
    color: #139335;
    padding: 1rem;
    font-family:monospace;
    font-size:  50px;
    text-align: center;
    background-color: #121212;
    border-radius: 15px;
        
    }
p{
    color: aliceblue;
    padding: 2rem 4em 2em 2em;
    background-color: #222222;
    border-radius: 40px;
    margin:  1em 2em 3em; 
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
nav ul li a {
    background-color: #38954b;
    border: solid 2px rgba(0, 0, 0, 0.2);
    float: left;
    color: white;
    display: block;
    padding: 0em 5em;
    text-align: center;
    border-radius: 20px;
    margin: 2rem ;
    
    
}

nav ul li a:hover {
    color: black;
    background-color: #83ce8e;
    border-radius: 70px;
}


    




h2{
   text-align: center;
    background-color: #1a1a1a;
    border-radius: 40px;
    margin: 22 rem 27rem;
    padding: em 3rem
       
    
}
h4{
    color: aliceblue;
    
}
h5{
    text-align: left;
    margin: 0rem;
    float: left
}
h6{
    text-align: right;
    margin:em;
    float: right;
}