/********** CSS DE BASE **********/

body{
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
    "nav"
    "header"
    "main"
    "aside"
    "footer";
}

/********** NAVIGATION **********/
nav{ grid-area: nav; }

nav ul li a{
    font-size:10px;
}

.logo{
    float:left;
    width:14%;
}

/********** HEADER **********/

header{ grid-area: header; }

/********** MAIN **********/

main{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas:
    "art01"
    "art02"
    "art03";
    grid-area: main;
}

.art01 { grid-area: art01; }
.art02 { grid-area: art02; }
.art03 { grid-area: art03; }

/********** ASIDE **********/

aside{ grid-area: aside; }

/********** FOOTER **********/

footer { grid-area: footer; }