Me and my friends css durr burger

1 
html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  background: #BCE7FD;
}

h1 {
  font-family: 'Bungee Inline', cursive;
  font-size: 80px;
  color: orange;
  border: 10px;
  text-shadow: 4px 4px black;
}

@media (max-width: 500px) {
  #durr-burger {
    transform: scale(.5);
  }
}

p, a {
  margin-left: 10px;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

#durr-burger {
  margin-bottom: 1500px;
}

#seeds {
  left: 420px;
}

#olive-stick {
  left: 440px;
}

#eyes {
  right: 450px;
}

#stick {
  background: linear-gradient(rgb(205,133,63),rgb(24, 13, 1));
  border-radius: 10px 10px 0px 0px;
  height: 180px;
  margin-top: 100px;
  transform: rotate(5deg);
  width: 14px;
}

#olive {
  background-color: #63B44A;
  background: radial-gradient(#447604 30%, #63B44A);
  border-radius: 50%;
  height: 67px;
  left: -28px;
  margin-top: 140px;
  top: 20px;
  width: 67px;
  z-index:1;
}

.seed {
  background: #e6f8c8;
  border-radius: 60%;
  z-index: 6;
}

.seed-big {
  height: 25px;
}

.seed-small {
  height: 20px;
}

#seed1 {
  right: 20px;
  top: 265px;
  transform: rotate(70deg);
  width: 11px;
}

#seed2 {
  left: 45px;
  top: 252px;
  transform: rotate(80deg);
  width: 9px;
}

#seed3 {
  left: 105px;
  top: 270px;
  transform: rotate(-70deg);
  width: 11px;
}

#seed4 {
  right: 5px;
  top: 300px;
  transform: rotate(50deg);
  width: 11px;
}

#seed5 {
  left: 195px;
  top: 315px;
  transform: rotate(-15deg);
  width: 13px;
}

#topBun {
  background: radial-gradient(rgb(227, 159, 14) 40%, rgb(125, 60, 6));
  border-radius: 40%;
  box-shadow: 0px 10px 25px 7px black;
  height: 160px;
  left: 300px;
  top: 260px;
  transform: rotate(5deg);
  width: 420px;
  z-index: 5;
}

#bottomBun {
  background: #a15e05;
  border-radius: 20px 20px;
  border-bottom-left-radius: 120px 50px;
  border-bottom-right-radius: 120px 50px;
  height: 100px;
  right: 140px;
  top: 505px;
  transform: rotate(3deg);
  width: 450px;
  z-index: 0;

}

#leftEye {
  background: radial-gradient( #d8e0d5 50%, #9dab9a);
  border-radius: 10px 0px 10px 0px;
  border-radius: 50%;
  box-shadow: 3px 3px #2e2111, 8px 5px 0 3px #f0b10a;
  height: 80px;
  right: 60px;
  top: 260px;
  width: 80px;
  z-index: 6;
}

#leftEyePupil {
  background: black;
  border-radius: 50%;
  height: 40px;
  right: 120px;
  top: 282px;
  width: 20px;
  z-index: 6;
}

#rightEye {
  background: radial-gradient(#d8e0d5 50%, #9dab9a);
  border-radius: 10px 0px 10px 0px;
  border-radius: 50%;
  box-shadow: -3px 3px #2e2111, -8px 5px 0 3px #f0b10a;
  height: 80px;
  left: 230px;
  top: 280px;
  width: 80px;
  z-index: 6;
}

#rightEyePupil {
  background: black;
  border-radius: 50%;
  height: 40px;
  left: 277px;
  top: 305px;
  width: 30px;
  z-index: 6;
}

#tongue {
  background: linear-gradient(#AE213F 30%, #FABAC0,#F04065);
  border-bottom-right-radius: 120px 200px;
  border-bottom-left-radius: 130px 190px;
  border-top-right-radius: 120px 190px;
  height: 260px;
  right: 420px;
  top: 400px;
  width: 170px;
  z-index: 4;
}

#tomato {
  background: radial-gradient(#853231,#BA4A47,#f70106);
  border-radius: 60%;
  box-shadow: 0px 10px 25px 5px black;
  height: 180px;
  right: 320px;
  top: 305px;
  transform: rotate(2deg);
  width: 420px;
  z-index: 3;
}

#cheese1 {
  background: #ebe402;
  border-radius: 60%;
  border-bottom-left-radius: 120px 300px;
  border-bottom-right-radius: 120px 30px;
  border-top-right-radius: 120px 190px;
  box-shadow: 0px 10px 25px 5px black;
  height: 100px;
  right: 510px;
  top: 400px;
  transform: rotate(3deg);
  width: 250px;
  z-index: 2;
}

#cheese2 {
  background: #ebe402;
  border-radius: 10px;
  box-shadow: 0px 10px 25px 5px black;
  height: 100px;
  right: 320px;
  top: 385px;
  transform: rotate(-30deg);
  width: 130px;
  z-index: 2;
}

#burger {
  background: #a0522d;
  border-radius: 20px 20px;
  border-bottom-left-radius: 120px 50px;
  border-bottom-right-radius: 120px 50px;
  box-shadow: 0px 10px 20px 2px black;
  height: 100px;
  right: 310px;
  top: 455px;
  transform: rotate(-1deg);
  width: 440px;
  z-index: 1;
}
2

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

3

Hello, do you have a question?