/* <---- Eli's Styling Page ----> */
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

/*<-------- Page 23 Styling -------->*/
.page-node-23 .eli_cool_box {
    background-color: #045741;
    border-color: white;
    background-image: linear-gradient(140deg, rgb(3, 70, 54) 0%, rgb(25, 56, 99) 50%, rgb(25, 120, 50) 75%);
  }

.page-node-23 .eli_header_2 {
  font-family: 'Audiowide', cursive;
  font-variant: small-caps;
}

.page-node-23 .eli_header_3 {
  text-shadow: -2px -2px 3px rgb(25, 56, 99);
  font-weight: 850;
  font-style: italic;
}

.page-node-23 .eli_override {
  background-image: repeating-radial-gradient(rgb(3,70,54) 0%,rgb(25,56,99) 50%,rgb(25,120,50) 75%);
  text-align: center;
  font-size: 25px;
  font-family: 'Audiowide', cursive;
  height: 150px;
  width: 100%;
  border-radius: 100%;
  display: inline-block;
  padding: 10%;
}

.page-node-23 .eli_tablehead {
  background-color: rgb(5,0,30) !important;
}

.page-node-23 .eli_tablebody {
  background-color: rgb(20,10,60);
}

.smiley {
  position: absolute;
  left: 45%;
  top: 10%;
  height: 100px;
  width: 100px;
}

.face {
  position: relative;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background: #ffdb57;
  box-shadow: inset -5px -5px 0 0 #ffcb05;
  margin: auto;
}

.eye {
  position: absolute;
  height: 20px;
  width: 15px;
  background: #191f45;
  border-radius: 50%;
  top: 25px;
}

.left {
  left: 60px;
}

.right {
  right: 60px;
}

.eye::after {
  content: "";
  height: 10px;
  width: 8px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 2px;
  top: 2px;
}

.mouth {
  width: 50px;
  height: 25px;
  border: 5px solid #191f45;
  background-color: #191f45;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 5px 5px 60px 60px;
}

.mouth::after {
  content: "";
  width: 35px;
  height: 30px;
  background: #ee6055;
  border-radius: 50px 50px 0 0;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.sun {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 20%;
  left: 45%;
  border-radius: 50%;
  background: #ffdb57;
  box-shadow: inset -5px -5px 0 0 #ffcb05;
  margin: auto;
}