*{
    margin: 0;
    padding: 0px;
}

*, *:before, *:after {
    box-sizing: inherit;
}

html{
    font-size: 62.5%; 
    box-sizing: border-box;
}

body{
    font-size: 16px; /*1rem = 10px*/

    line-height: 1.6;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);

    grid-template-areas: "nav"
        "main"
        "footer";
    max-width: 260rem;
    margin: auto;    
}