body {
          background-image: 
          linear-gradient(135deg, #002a42, #037feb);
          height: 98.49vh;
          width: 99%;

        }
        h1 {
          position: absolute;
          left: 45%;
          color: white;
        }
      
        path {
            fill: #c9c9c9; 
            stroke: #464646;
            stroke-width: 0.5;
            transition: 0.6s all ease;
          }
          path:hover {
            fill: rgb(232, 84, 84);
          }
          #heleLichaam {
          position: absolute;
          display: flex;
          width: 20%;
          left: 41%;
          top: 10%;
          }
          h2 {
            position: absolute;
          }
          #goed {
            color: green;
            position: absolute;
            font-size: 80px;
            left: 48%;
            bottom: 10%;
          }
          #info {color: rgb(220, 220, 220);
            position: absolute;
            left: 70%;
            top: -2%;
            font-size: 20px;
            background-color: grey;
            width: 30%;
            height: 99%;
          }
          
            #next {
            background-image: 
            linear-gradient(120deg,  #0feb03,#d5ffc4);
            position: absolute;
            left: 95%;
            width: 5%;
            height: 5%;
            font-size: 15px;
            }
            #next:hover {
              background-image: 
            linear-gradient(120deg, #8affa5, #0feb03);
            }
            #titel {
              font-size: 40px;
              position: absolute;
              top: 1%;
            }
            img {
              width: 100%;
            }

            .terug {
              width: 5%;
              height: 5%;
              background-color: #002a42;
              color: white;
              transition: all 0.5s ease;
            }
            .terug:hover {
              background-color: #037feb;
            }