* {
  box-sizing: border-box;
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: rgb(245, 235, 235);
}

div {
  height: 50px;
  width: 80px;
  line-height: 12.5rem;
  font-size: 0.7rem;
  text-align: center;
  text-shadow: 1px 1px 2px black;
  color: #f8f6ea;
  position: relative;
  background-color: rgb(32, 32, 32);
  box-shadow: inset 5px 10px #6e6d65, inset -5px -20px #777774,
    0px 0px 0px 3px grey, 0px 20px 3px 2px #dad8cb,
    100px -80px 33px 0px #dad8cbe0, 0px 2px 1px 5px black,
    0px 20px 1px 5px black, 0px 8px 0px 25px #dad8cb, 0px 10px 3px 30px #1d1d1c,
    0px -20px 0 25px grey, 0px -25px 0px 25px rgb(49, 49, 49),
    0px 40px 0 25px grey, 0px 40px 3px 30px #1d1d1c, 0px -20px 3px 30px #1d1d1c,
    115px 25px 0px 65px #585149, 0px 25px 0px 65px #585149,
    -115px 25px 0px 65px#585149, 105px 35px 25px 70px #242220,
    -105px 35px 25px 70px #242220, 115px 18px 3px 65px #999996,
    -115px 18px 3px 65px#999996, 115px 15px 0px 65px #353535,
    -115px 15px 0px 65px #353535, -115px -10px 0px 45px #505050,
    0px -10px 0px 45px #505050, 115px -10px 0px 45px #505050,
    -115px -14px 0px 45px #aaaaaa, 0px -14px 0px 45px #aaaaaa,
    115px -14px 0px 45px #b1b1b1, -115px -16px 0px 45px #838181,
    0px -16px 0px 45px #838181, 115px -16px 0px 45px #838181,
    -115px -19px 0px 45px #aaaaaa, 0px -19px 0px 45px #b8b8b8,
    115px -19px 0px 45px #b1b1b1, -115px -22px 0px 45px #838181,
    0px -22px 0px 45px #838181, 115px -22px 0px 45px #838181,
    -115px -25px 0px 45px #aaaaaa, 0px -25px 0px 45px #b8b8b8,
    115px -25px 0px 45px #b1b1b1, -115px -28px 0px 45px #838181,
    0px -28px 0px 45px #838181, 115px -28px 0px 45px #838181,
    -115px -14px 10px 55px #d4d4c473, 0px -14px 5px 55px #d4d4c473,
    115px -14px 10px 55px #afaf9f8c, 0px -20px 0px 55px #a1a167,
    -115px -20px 0px 55px #a1a167, 115px -20px 0px 55px #a1a167,
    115px -18px 5px 65px #dad8cb, 0 20px rgb(202, 193, 193),
    -115px -18px 5px 65px #b4b4b3, 0px -18px 5px 65px #dad8cb,
    0 20px rgb(202, 193, 193), -115px -25px 0px 65px #c7c5bb,
    115px -25px 0px 65px #c7c5bb, 0px -25px 0px 65px #c7c5bb,
    -115px -43px 15px 53px rgb(114, 108, 99),
    115px -43px 5px 55px rgb(49, 46, 41), 0px -43px 0px 55px #454545,
    -115px -47px 0px 55px rgb(63, 60, 56), 115px -47px 0px 55px rgb(63, 60, 56),
    0px -47px 0px 55px rgb(63, 60, 56),
    /*color change near handle*/ -115px -95px 2px 52px rgb(245, 235, 235),
    115px -95px 2px 52px rgb(245, 235, 235),
    0px -95px 1px 52px rgb(245, 235, 235), 0px -95px 0px 55px rgb(44, 44, 42),
    -115px -95px 0px 55px rgb(44, 44, 42), 115px -95px 0px 55px rgb(44, 44, 42),
    -115px -105px 0px 65px #46413c, 115px -105px 0px 65px #46413c,
    0px -105px 0px 65px #46413c;
}

div::before {
  content: "";

  position: absolute;
  width: 120px;
  height: 120px;

  border-radius: 50%;
  background-color: #453d37;
  left: -165px;
  top: -10px;
  box-shadow: inset 0 0 0 4px #292928, -3px -4px 2px #faf9f2,
    5px 8px 2px 0px #dad8cb, 0 0 0 9px #c2bfab, 0 0 0 11px #3f3f3b,
    290px 0 #453d37, 292px -4px 2px 0#f7f5ed, 290px 0 0px 9px #ccc9ba,
    290px 0 0 11px #3f3f3b;
}

div::after {
  content: "";

  font-size: 0.3rem;
  color: #000000;
  line-height: 5rem;

  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #453d37;
  top: -103px;
  left: 35px;

  box-shadow: 15px -1px 0 #454545, 0px -1px 0px #454545, -30px -1px 0 #555050,
    -15px -1px 0 #454545, 30px -1px 0 #454545, -100px -3px 0 2px #454545,
    -98px -3px 0 2px #292727, -130px -3px 1px 2px #454545,
    -128px -3px 1px 2px #292727, -160px -3px 0 2px #454545,
    -158px -3px 0 2px #292727, 150px -3px 0 1.5px #454545,
    152px -3px 0 1.5px rgb(48, 46, 44), 185px -3px 0 1.5px #454545,
    187px -3px 0 1.5px rgb(48, 46, 44), -200px 38px 10px 4px #413d3d,
    200px 38px 10px 4px #413d3d, -200px 35px 0px 6px #ccc9ba,
    -200px 36px 0px 8px #3b3b38, 200px 35px 0px 6px #ccc9ba,
    200px 36px 0px 8px #3b3b38, 0px 140px 16px 4px #ccc9ba,
    -200px 40px 8px 4px #413d3d, 200px 200px 16px 5px #a19e8a;
}