body {
                margin: 0;
             }

            #grid {
                height: 100vh;
                 display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
                grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;     
            }

            #spelyta {
                grid-column: 3/5;
                grid-row: 2/7;
                border: 2px solid black;
                margin: auto;
            }
         
            #highscore {
                grid-row: 4/5;
                grid-column: 2/3;
                margin-left: auto;
            }

            #points {
                grid-row: 4/5;
                grid-column: 3/4;
                margin-left: 4%; 
            }

            #healthpoints {
                grid-column: 4/5;
                grid-row: 4/5;
                margin-left: 90%;
            }

            #health {
                grid-column: 5/6;
                grid-row: 4/5;
            }

            #controls {
                grid-column: 4/6;
                grid-row: 5/6;
                margin-left: 45%;
            }

            #controls-2 {
                grid-column: 4/6;
                grid-row: 5/6;
                margin-top: 10%;
                margin-left: 45%;
            }

            #start {
                grid-column: 4/5;
                grid-row: 2/3;
                margin-left: 90%;
            }
            #start {
                grid-column: 2/3;
                grid-row: 5/6;
                margin-left: 60%;
                padding-left: 20px;
                padding-right: 20px;
                justify-content: center;
                height: 40px;
                margin-top: 40px;
            }