.body {
    padding: 0;
    margin: 0;
}
.spell {
    font-family: monospace;
    font-size: 20px;
}
.talisman {
    position: relative;
    margin: 20px;
	display: block;
}
.big-eye {
    position: absolute;
    margin: 0;
    top: 2vh;
    left: 20vw;
	width: 20vw;
	height: 40vh;
	border-radius: 0 300px;
	background-color: #ffe1e1;
	transform: rotate(135deg);
    z-index: 11;
}
.big-eye::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #0436ff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.big-eye::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #68aaff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.leaf {
    position: absolute;
    margin: 0;
    top: 45vh;
    left: 15vw;
	width: 30vw;
	height: 60vh;
	border-radius: 0 300px;
	background-color: #ff9500;
	transform: rotate(45deg);
    z-index: 10;
}
.leaf::after {
    content:"";
    margin:0;
    padding: 0;
    border-left: 2px solid rgb(110, 70, 0, 0.2);
    height: 60vh;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    transform: rotate(135deg);
    top: 0;
}
.eyes {
  position: absolute;
  top: calc(40vh + 15vh);
  left: calc(15vw + 15vw);
  transform: translate(-50%, 0);
  display: flex;
  gap: 0;
  align-items: center;
  z-index: 20;
}
.left-eye, .right-eye {
  position: relative;
  width: 8vw;
  height: 16vh;
  background: #fff;
  border-radius: 50%;
  border:15px solid red;
}
.left-eye::after, .right-eye::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}