.item1 {
            grid-area: heder;
        }

        .item2 {
            grid-area: Rast;
        }

        .item3 {
            grid-area: venster;
        }

        .item4 {
            grid-area: mitt;
        }

        .item5 {
            grid-area: hoger;
        }

        .item6 {
            grid-area: vektor;
        }

        .item7 {
            grid-area: wmf;
        }

        .item8 {
            grid-area: svg;
        }

        .item9 {
            grid-area: namn;
        }

        .storaboxen {
            display: grid;
            grid-template-areas:
                'heder heder heder heder heder heder'
                'Rast Rast Rast Rast Rast Rast'
                'venster venster mitt mitt hoger hoger'
                'venster venster mitt mitt hoger hoger'
                'vektor vektor vektor vektor vektor vektor'
                'wmf wmf wmf svg svg svg'
                'wmf wmf wmf svg svg svg'
                'namn namn namn namn namn namn';
            width: 800px;
            border: 1px solid black;
            align-items: center;
            margin: 0 auto;
        }

        .storaboxen div {
            background-color: rgb(186, 229, 229);
            padding: 0px;
            margin: 0px;
            border: 1px solid black;
        }

        #heder {
            text-align: center;
            color: white;
            font-size: 40px;
        }

        #Rubrik {
            font-size: 20px;
            font-weight: bold;
        }

        #rubrik2 {
            text-align: center;
        }

        .Stor {
            font-weight: bold;
            font-size: 30px;
        }

        .andraboxen {
            display: grid;
            grid-template-areas:
                'heder heder heder heder heder'
                'Rast Rast Rast vektor vektor'
                'venster mitt hoger wmf svg'
                'namn namn namn namn namn';
            width: 800px;
            border: 1px solid black;
            align-items: center;
            margin: 0 auto;
        }

        .andraboxen div {
            background-color: rgb(121, 144, 238);
            padding: 0px;
            margin: 0px;
            border: 1px solid black;
            overflow-wrap: break-word;
        }

        #apple {
            height: 90px;
            width: 110px;
        }
        #boll{
            height: 126px;
            width: 126px;
        }
        #nogot{
            height: 118px;
        }