body {
  height: 100vh;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container {
  width: 600px;
  height: 500px;
  position: relative;
  background: white;
  border-radius: 20px;
  overflow: hidden;
  animation: 2s infinite a3;
}
.handle-one {
  width: 360px;
  height: 100px;
  position: absolute;
background: linear-gradient(270deg, rgba(0,0,0,1) 39%, rgba(1,11,97,1) 97%);
  border-radius: 25px;
  top: 20%;
  left: 20%;
}
.handle-two {
  width: 355px;
  height: 100px;
  position: absolute;
  background: white;
  top: 24%;
  left: 20.4%;
  border-radius: 25px;
}
.button-one {
  width: 20px;
  height: 30px;
  background: linear-gradient(to right, #fe8c00, #f83600);
  position: absolute;
  top: 33%;
  left: 24%;
}
.button-two {
  width: 20px;
  height: 30px;
  background: linear-gradient(to right, #fe8c00, #f83600);
  position: absolute;
  top: 33%;
  left: 29%;
}
.button-three {
  width: 20px;
  height: 30px;
  background: linear-gradient(to right, #fe8c00, #f83600);
  position: absolute;
  top: 33%;
  left: 34%;
}
.button-four {
  width: 20px;
  height: 30px;
  background: linear-gradient(to right, #fe8c00, #f83600);
  position: absolute;
  top: 33%;
  left: 72%;
}
.button-five {
  width: 25px;
  height: 30px;
  background: linear-gradient(270deg, rgba(0,0,0,1) 6%, rgba(1,11,97,1) 97%);
  position: absolute;
  top: 34%;
  left: 71.7%;
}
.button-six {
  width: 146px;
  height: 30px;
  background: blue;
  position: absolute;
  top: 32%;
  left: 44%;
}
.btn-one {
  border-right: 1px solid black;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 32%;
  left: 44%;
  background: #010b61;
}
.btn-two {
  border-right: 1px solid black;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 32%;
  left: 47.5%;
  background: #010b61;
}
.btn-three {
  border-right: 1px solid black;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 32%;
  left: 51%;
  background: #010b61;
}
.btn-four {
  border-right: 1px solid black;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 32%;
  left: 54.5%;
  background: #010b61;
}
.btn-five {
  border-right: 1px solid black;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 32%;
  left: 57.9%;
  background: #010b61;
}
.btn-six {
  border-right: 1px solid black;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 32%;
  left: 61.4%;
  background: #010b61;
}
.btn-seven {
  border-right: 1px solid black;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 32%;
  left: 64.8%;
  background: linear-gradient(270deg, rgba(0,0,0,1) 6%, rgba(1,11,97,1) 97%);
}
.box-big {
  width: 400px;
  height: 220px;
  position: absolute;
  background: #f83600;
  border-radius: 20px;
  top: 35%;
  left: 17%;
  overflow: hidden;
}
.upper {
  width: 400px;
  height: 55px;
  background: linear-gradient(90deg, rgba(254,140,0,1) 6%, rgba(248,54,0,1) 43%);
  position: absolute;
  border-bottom: 1px solid black;
}
.rect-one {
background: linear-gradient(90deg, rgba(254,140,0,1) 6%, rgba(248,54,0,1) 43%, rgba(27,24,23,1) 99%);
  border: 1px solid black;
  width: 300px;
  height: 23px;
  position: absolute;
  top: 30%;
  left: 12%;
}
.rect-two {
  background: black;
  width: 300px;
  height: 10px;
  position: absolute;
  top: 42%;
  left: 12.1%;
}
.sq-one {
  background: white;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 38%;
  left: 5%;
  border-radius: 2px;
}
.sq-two {
  background: white;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 38%;
  left: 90%;
  border-radius: 2px;
}
.circle-one {
  background: white;
  border: 1px solid black;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  top: 41%;
  left: 5.4%;
}
.circle-two {
  background: white;
  border: 1px solid black;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  top: 41%;
  left: 90.4%;
}
.sq-three {
  background: black;
  width: 1.8px;
  height: 17px;
  transform: rotate(315deg);
  position: absolute;
  top: 37%;
  left: 6.6%;
  border-radius: 30%;
}
.sq-four {
  background: black;
  width: 1.8px;
  height: 17px;
  transform: rotate(315deg);
  position: absolute;
  top: 37%;
  left: 91.6%;
  border-radius: 30%;
}
.lower {
  width: 400px;
  height: 400px;
  background: linear-gradient(90deg, rgba(254,140,0,1) 6%, rgba(248,54,0,1) 43%);
  position: absolute;
  top: 102%;
}
.c-one {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: linear-gradient(90deg, rgba(0,0,0,1) 39%, rgba(1,11,97,1) 97%);
  position: absolute;
  left: 8%;
  top: 8%;
  animation: 700ms infinite a2;
}
.c-two {
  width: 30px;
  height: 30px;
  background: linear-gradient(to right, #403b4a, #e7e9bb);
  border-radius: 100%;
  position: absolute;
  left: 16.5%;
  top: 16.8%;
}
.c-three {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  border: 2px solid red;
  position: absolute;
  left: 14.4%;
  top: 14.6%;
  animation: 700ms infinite a1;
}
.c-four {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: linear-gradient(90deg, rgba(0,0,0,1) 39%, rgba(1,11,97,1) 97%);
  position: absolute;
  left: 68%;
  top: 8%;
  animation: 700ms infinite a2;
}
.c-five {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  border: 2px solid red;
  position: absolute;
  left: 74.4%;
  top: 14.6%;
  animation: 700ms infinite a1;
}
.c-six {
  width: 30px;
  height: 30px;
  background: linear-gradient(to right, #403b4a, #e7e9bb);
  border-radius: 100%;
  position: absolute;
  left: 76.5%;
  top: 16.8%;
}
.c-seven {
  width: 5px;
  height: 5px;
  background: white;
  border-radius: 100%;
  left: 42%;
  top: 17%;
  position: absolute;
}
.c-eight {
  width: 5px;
  height: 5px;
  background: white;
  border-radius: 100%;
  left: 58%;
  top: 17%;
  position: absolute;
}
.r-one {
  width: 90px;
  height: 115px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  position: absolute;
  left: 39%;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}
.r-two {
  width: 150px;
  height: 8px;
  background: black;
  position: absolute;
  top: 33%;
  left: 32%;
}
.r-three {
  background: white;
  width: 60px;
  height: 5px;
  position: absolute;
  top: 2%;
  left: 43%;
  border-radius: 10px;
}
.r-four {
  width: 92px;
  height: 30px;
  border-top: 2px solid black;
  position: absolute;
  top: 20%;
  left: 39%;
  border-radius: 5px;
}
.r-five {
  width: 92px;
  height: 20px;
  position: absolute;
  background: black;
  top: 24%;
  left: 39%;
  border-radius: 0 0 10px 10px;
}
.r-six {
  width: 20px;
  height: 8px;
  background: red;
  position: absolute;
  top: 25.4%;
  left: 48%;
  border-radius: 10%;
}
.r-seven {
  background: black;
  width: 30px;
  height: 2px;
  position: absolute;
  top: 22%;
  left: 42%;
  border-radius: 2px;
}
.r-eight {
  background: blue;
  width: 30px;
  height: 10px;
  position: absolute;
  top: 21%;
  left: 52%;
  border-radius: 2px;
}
.r-nine {
  background: black;
  width: 15px;
  height: 5px;
  position: absolute;
  top: 21.6%;
  left: 52.5%;
}
.c-nine {
  background: black;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  position: absolute;
  top: 21.5%;
  left: 57.5%;
}
.r-ten {
  position: absolute;
  background: black;
  width: 60px;
  height: 40px;
  top: 6%;
  left: 43%;
  border-radius: 0 0 15px 15px;
}
.r-eleven {
  position: absolute;
  background: linear-gradient(270deg, rgba(0,0,0,1) 22%, rgba(1,11,97,1) 97%);
  width: 57px;
  height: 18px;
  top: 8%;
  left: 43.2%;
  border-radius: 10px;
  border: 1px solid blue;
}
.c-ten {
  background: white;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 9%;
  left: 45%;
}
.c-eleven {
  background: white;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 9%;
  left: 53%;
}
.b-one {
  background: black;
  position: absolute;
  width: 35px;
  height: 20px;
  top: 88%;
  left: 5%;
  border-radius: 5px;
}
.one {
  border-right: 1px solid blue;
  position: absolute;
  width: 10px;
  height: 20px;
}
.two {
  border-right: 1px solid blue;
  position: absolute;
  width: 10px;
  height: 20px;
  left: 35%;
}
.b-two {
  background: black;
  position: absolute;
  width: 35px;
  height: 20px;
  top: 88%;
  left: 85%;
  border-radius: 5px;
}
.three {
  border-right: 1px solid blue;
  position: absolute;
  width: 10px;
  height: 20px;
}
.four {
  border-right: 1px solid blue;
  position: absolute;
  width: 10px;
  height: 20px;
  left: 35%;
}

@keyframes a1 {
  0%,100% {
    transform: scale(1);
  }
  90% {
    transform: scale(1.2);
  }
}
@keyframes a2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes a3 {
  0%, 100% {
    transform : rotate(5deg);
  }
  90% {
    transform: rotate(-2deg);
  }
}