html { height: 100%; }

body {
    background-color: #F1E9E9;
    display: grid;
    margin: auto;
    min-height: 100%;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: min-content 1fr 1fr;
    grid-gap: 10px;
    grid-template-areas:
            "header header header header"
            "nav main main main"
            "nav main main main";

    header {
        grid-area: header;
        border-bottom: 5px solid #E491C9;
    }

    nav {
        grid-area: nav;
        text-align: center;
        border-right: 5px solid #E491C9;
    }
    main {
        grid-area: main;
        font-size: 1em;
    }

    #title {
        margin : 3em 1em 0em 3em;
        font-size: 1.5em;
        color: #982598;
    }
}