:root {
    --backNoir: black;
    --mainText: #fff5af;
    --linkText: #afb9ff;
}

* {
    box-sizing: border-box;
}

body {
    background-color: var(--backNoir);
    color: var(--mainText);
    font-family: Tahoma, sans-serif;
    line-height: 1.4
}


.wrapper {
    display: grid;
    grid-template-columns: 1fr 40% 1fr;
    grid-template-rows: auto;
    /* grid-template-areas:
                "margL mast margR"
                "1fr 600px 1fr"; */
}

@media only screen and (max-width: 600px) {
.wrapper {
    display: grid;
    grid-template-columns: 1fr 90% 1fr;
    grid-template-rows: auto;
    /* grid-template-areas:
                "margL mast margR"
                "1fr 600px 1fr"; */
}
}

header, footer {
    grid-column-start: 2;
    text-align: center;
}

.header-ref {
    -webkit-box-reflect: below
        1px linear-gradient(transparent, #000);
}

h1, h3 {
    font-family: 'Times New Roman', Times, serif;
    line-height: 0.7;
}

nav > a {
    color: var(--mainText);
    text-decoration: none;
    grid-area: "topMenu";
}

nav > a:hover {
    text-decoration: underline;
    text-shadow: 5px 5px 10px var(--mainText) ;
}

main {
    padding: 50px 0 0;
    margin-bottom: 70vh;
    grid-column-start: 2;
}