/* FONTE */
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Noto+Sans+Mono:wght@100..900&display=swap');

/* Abre Menu */
body{
padding: 0;
margin: 0;  
font-size: 16px;
background-color: #828081;
font-size: 18px;
line-height: 1.6;

}
header{
background-color: #1E1D1D;
color: #F2F2F2;
max-width: 100%;
padding: 0;
margin: 0;
top: 0;
position: fixed;
width: 100%;

}
nav{
text-align: right;
background-color: #1e1d1d;
max-width: 100%;

}

nav li{
list-style-type: none;
display: inline-block;
text-decoration: none;
color: #DCDCDC;
padding: 0px 20px 10px 0px;
font-family: "Noto Sans Mono", monospace;
font-size: 15px;
padding-inline: 15px;
margin:15px 10px 5px 0px;
}
a :hover{
    opacity: 0.6;
}
/* Fecha Menu */
#main {
    background-color: #DCDCDC;
    display: grid;
    grid-template-columns: auto;
    padding: 30px;
    max-width: 80%;
    height: 100%;
    margin: auto;
    margin-top: 80px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
#main div {
    width: 100%;
    max-width: 100%;
    font-family: "Lexend", sans-serif;
}