style.css

body {
  background-color: #171d23;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  overflow: hidden;
  margin: 0;
}

.container {
  background-color: #f9e492;
  width: 400px;
  height: 300px;
  position: relative;
}

.body {
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.container * {
  background: #f9e492;
  padding: var(--p, 0);
  margin: var(--m, 0);
  border-radius: var(--r, 0 0 10px 10px);
  position: absolute;
}

.container b,
.container i,
.container u {
  background: #191919;
  --p: 20px 50px;
  --m: 138px 150px;
}

.container i i {
  --p: 25px 25px;
  --m: 15px -25px;
}

.container b,
.container u {
  border: 5px solid #f9e492;
}

.container b,
.container u {
  --p: 22.5px 10px;
  --m: -115px -50px;
  --r: 15px;
}

.container b b {
  --m: -27.5px 35px;
}

.container b b b {
  --p: 27.5px 10px;
  --m: -37.5px -40px;
}

.container b b b b {
  --p: 17.5px 10px;
  --m: -12.5px 35px;
}

.container u {
  --p: 32.5px 10px;
  --m: -11px -88px;
  transform: rotate(60deg);
}