:root{
    --yahtzeeRed: #c90f14;
    --yahtzeeWhite: #e6decb;
    --yahtzeeYellow: #ffcc44;
    --yahtzeeBlack: #0b0b0b;

}
header{
    grid-area: header;
        display: flex;
    align-items: center;
    position: relative;
}
header a{
    position: absolute;
    right: 0;
}
body{
    background-color: var(--yahtzeeRed);
    display: grid;
    grid-template-rows: 1fr 50fr 1fr;
    grid-template-areas:
        "header"
        "main"
        "footer";
    max-height: 100vh;
    margin: 0;
}
header h1{
    background-color: var(--yahtzeeBlack);
    margin-left: 100px;
    color: var(--yahtzeeYellow);
}
footer{
    grid-area: footer;
    background-color: var(--yahtzeeYellow);
}
main{
    grid-area: main;
    margin: 1em 50px;
}
main p{
    background-color: var(--yahtzeeYellow);
}