.gridcontainer {
        background-color: #d16975;
    }
    header {
        display: grid;
        grid-template-columns: 70% auto auto auto auto;
        grid-template-areas: 
        "logo home ovningar about contact";
        background-color: #ffdee8 ;
        align-items: center;
        position: sticky;
    } 
    header img {
        width: 80px;
        grid-area: logo;
        padding: 5px;
    }
    .home {
        grid-area: home;
        text-align: center;
        font-family: 'Times New Roman', Times, serif;
        font-weight: lighter;
        text-decoration: none;
    }
    .ovningar {
        grid-area: ovningar;
        text-align: center;
        font-family: 'Times New Roman', Times, serif;
        font-weight: lighter;
        text-decoration: none;
    }
    .about {
        grid-area: about;
        text-align: center;
        font-family: 'Times New Roman', Times, serif;
        font-weight: lighter;
        text-decoration: none;
    }
    .contact {
        grid-area: contact;
        text-align: center;
        font-family: 'Times New Roman', Times, serif;
        font-weight: lighter;
        text-decoration: none;
    }
    a {
        color: #f1a9b3;
        text-decoration: none;
        font-family: "Diphylleia", serif;
        font-weight: 400;
        font-style: normal;
        
    }
    a:hover {
        color: #f1a9b3;
    }
    .namn {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
        font-style: normal;
        font-weight: lighter;
        text-align: center;
        font-size: 100px;
        color: #ffb6c0 ;
    }
    footer {
        background-color: #ffdee8 ;
        border: 5px #ffdee8 solid;
    }
    footer h3, h4, a {
        font-family: "Diphylleia", serif;
        font-weight: 400;
        font-style: normal;
        color: #d6909a;
        size: 40px;
        padding-left: 5px;
    }
    footer img {
        font-size: 3px;
    }
    .ovnnoll, .ovnnollnoll, .ovnett, .ovntva, .ovntre, .ovnfyra, .ovnfyrb, .ovnfyrc, .ovnsexa, .ovnsexb, .ovnatta, .ovnattb, .ovnattc, .ovnnioa, .ovnniob, .ovnnioc, .ovnflex {
        background-color: white;
        border: 3px #e39ca6 solid;
    }
    .gridcontovningar {
        display: grid;
        grid-template-rows: 
        "auto auto auto auto"
        "auto auto auto auto"
        "auto auto auto auto" 
        "auto auto auto auto"
        "auto auto auto auto";
        grid-template-areas: 
        "ovnnoll" "ovnnollnoll" "ovnett" "ovntva"
        "ovntre" "ovnfyra" "ovnfyrb" "ovnfyrc"
        "ovnsexa" "ovnsexb" "ovnatta" "ovnattb"
        "ovnattc" "ovnnioa" "ovnniob" "ovnnioc"
        "foretag";
        gap: 10px;
    }
    .ovnnoll {
        grid-area: ovnnoll;
    }
    .ovnnollnoll{
        grid-area: ovnnollnoll;
    }
    .ovnett{
        grid-area: ovnett;
    }
    .ovntva{
        grid-area: ovntva;
    }
    .ovntre{
        grid-area: ovntre;
    }
    .ovnfyra{
        grid-area: ovnfyra;
    }
    .ovnfyrb{
        grid-area: ovnfyrb;
    }
    .ovnfyrc{
        grid-area: ovnfyrc;
    }
    .ovnsexa{
        grid-area: ovnsexa;
    }
    .ovnsexb{
        grid-area: ovnsexb;
    }
    .ovnatta{
        grid-area: ovnatta;
    }
    .ovnattb{
        grid-area: ovnattb;
    }
    .ovnattc{
        grid-area: ovnattc;
    }
    .ovnnioa{
        grid-area: ovnnioa;
    }
    .ovnniob{
        grid-area: ovnniob;
    }
    .ovnnioc {
        grid-area: ovnnioc;
    }
    .ovnflex {
        grid-area: ovnflex;
    }