@charset"UTF-8";

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 6, 2018 */

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

}




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

}




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

}

*{
    box-sizing: border-box;
}

html{
    height: vh100;
    font-size: 90%;
    font-family:'josefin_sansregular';
    }

body {
background-color: rgba(41, 157, 219, 0.64);
    margin: 0%;
    padding: 1em;
    }

header nav {
    text-decoration:none;
    padding: 1em;
    background-color: rgb(0, 0, 0);
    display: block;
    color: rgba(0, 0, 0, 0.56);
    text-align:center;
    font-family:'josefin_sansregular';
}
    
nav{
    margin: 1%;
    padding: 1rem;
    width:100%;
}

div{
    list-style: none;
    padding: 1em;
    margin: 1em;
    background-color: rgb(130, 189, 221);
}

header a {
    text-decoration: none;
    display: block;
    color: rgba(27, 29, 29, 0.56);
    font-family:'josefin_sanssemibold';
}  

header nav ul div a:hover {
    color: #000000;
    background-color: rgba(54, 113, 181, 0.63);
}

article {
    color: #1f1f79;
    text-align: center;
}

h2,h3 {
    text-decoration: none;
    color: #1f1f79;
}

section li a{
    font-family: 'josefin_sansregular';
    display: block;
    text-decoration:none;
    color: #1f1f6c;
    list-style: none;
}

section li a:hover{
    background-color: rgba(151, 161, 196, 0.72);
}

p {color: rgba(86, 86, 111, 0.7);
  padding: 2px;  
}

h3{background-color: rgba(31, 31, 121, 0.15);
  padding: 2px;  
}

.flex-container {
  display: flex;
  justify-content: center;
}