body {
    margin: 0;
    padding: 0;
  }
  
#imagebackground {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100vw; 
    height: 100vh; 
    object-fit: cover; 
    z-index: -9; 
    overflow: hidden;
  }

  #portfolio {
    border-radius: 2%;
    background-color: rgb(225, 225, 225);
    border: 10px solid rgba(20, 61, 43, 0.539);
    height: 200px;
    width: 300px;
    position: relative;
    object-fit: cover;
    top: -3300px;
    left: 700px;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    color: beige;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    z-index: -2;

}

  #background {
    background-color: rgb(225, 225, 225);
    position: relative; 
    top: -200px;
    left: 2%;
    right: 2%;
    width: 1600px; 
    height: 3000px; 
    border: 10px solid rgba(20, 61, 43, 0.539);
    z-index: -1;
    border-radius: 2%;

}

#nameplate1 {
    height: -100px;
    width: 400px;
    position: relative;
    top: -4000px;
    left: 650px;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    color: beige;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

#nameplate2 {
    height: -100px;
    width: 400px;
    position: relative;
    top: -3980px;
    left: 650px;
    font-size: 70px;
    font-weight: bold;
    text-align: center;
    color: beige;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

#nameplate3 {
    height: -100px;
    width: 400px;
    position: relative;
    top: -3960px;
    left: 650px;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    color: beige;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

#islandbutton {
   height: 50px;
   width: 100px;
   position: relative;
   left: 300px;
   top: -3300px;
   border: 2px solid rgba(20, 61, 43, 0.539);
   border-radius: 2%;
   cursor: pointer;
  }

  #islandimage {
    height: 400px;
    width: 420px;
    border: 10px solid rgba(20, 61, 43, 0.539);
    border-radius: 4%;
    position: relative;
    left: -280px;
    top: -3350px;
  }
   #emojibutton {
    height: 50px;
    width: 100px;
    position: relative;
    left: 91px;
    top: -2065px;
    border: 2px solid rgba(20, 61, 43, 0.539);
    border-radius: 2%;
    cursor: pointer;
   }
   #smoesjesboxbutton {
    height: 50px;
    width: 100px;
    position: relative;
    left: 1200px;
    top: -2700px;
    border: 2px solid rgba(20, 61, 43, 0.539);
    border-radius: 2%;
    cursor: pointer;
   }
   #invulding {
    height: 50px;
    width: 100px;
    position: relative;
    left: 1200px;
    top: -2700px;
    border: 2px solid rgba(20, 61, 43, 0.539);
    border-radius: 2%;
    cursor: pointer;
   }
   #smoesjeimage {
    height: 400px;
    width: 420px;
    border: 10px solid rgba(20, 61, 43, 0.539);
    border-radius: 4%;
    position: relative;
    left: 270px;
    top: -2750px;
   }

   #smileyimage {
    height: 400px;
    width: 420px;
    border: 10px solid rgba(20, 61, 43, 0.539);
    border-radius: 4%;
    position: relative;
    left: 130px;
    top: -2550px;
   }

   #pixelartimage {
    height: 400px;
    width: 420px;
    border: 10px solid rgba(20, 61, 43, 0.539);
    border-radius: 4%;
    position: relative;
    left: 680px;
    top: -1950px;
   }

   #pixelartbutton {
    height: 50px;
    width: 100px;
    position: relative;
    left: 990px;
    top: -1465px;
    border: 2px solid rgba(20, 61, 43, 0.539);
    border-radius: 2%;
    cursor: pointer;
   }

   #textvak1 {
    background-color: white;
    height: 350px;
    width: 600px;
    position: relative;
    left: 700px;
    top: -4175px;
    border: 10px solid rgba(20, 61, 43, 0.539);
   }

   #textvak2 {
    background-color: white;
    height: 350px;
    width: 600px;
    position: relative;
    left: 400px;
    top: -3950px;
    border: 10px solid rgba(20, 61, 43, 0.539);
   }

   #textvak3 {
    background-color: white;
    height: 350px;
    width: 600px;
    position: relative;
    left: 700px;
    top: -3700px;
    border: 10px solid rgba(20, 61, 43, 0.539);
   }

   #textvak4 {
    background-color: white;
    height: 350px;
    width: 600px;
    position: relative;
    left: 400px;
    top: -3455px;
    border: 10px solid rgba(20, 61, 43, 0.539);
   }

  .naarmidden {
    margin: auto;
  }