body
{
    background-color:azure;
}
.keret
{
    height:100vh;
    display:grid;             /*Használjuk a grid-et*/
    grid-template-columns:1fr 0.3fr; /*két oszlop és az arányaik*/
    grid-template-rows:1fr 2fr 1fr;/*sorok száma és aránya*/
    grid-gap:5px;                  /*elemek távolsága*/
    grid-template-areas:
        "header header" 
        "main aside" 
        "footer footer";           /*A rácselrendezésen belüli terület*/
}
header
{
    grid-area:header;             /*A rács területének a neve*/
    background-color:aquamarine;
}
main
{
    grid-area:main;
    background-color:antiquewhite;
}
aside
{
    grid-area: aside;
    background-color:burlywood;
}
footer
{
grid-area:footer;
background-color:lightcoral;
}
.menu{
    display:flex;
    list-style-type:none;
    justify-content:space-around;
}