@keyframes animate {
  50% {
    box-shadow: 5px 9px #ffc231, 6px 9px #ffc231, 7px 9px #ffc231, 19px 9px #ffc231, 20px 9px #ffc231, 21px 9px #ffc231, 5px 10px #ffc231, 6px 10px #ffc231, 7px 10px #ffc231, 8px 10px #ffc231, 9px 10px #ffc231, 10px 10px #ffc231, 11px 10px #ffc231, 12px 10px #ffc231, 13px 10px #ffc231, 14px 10px #ffc231, 15px 10px #ffc231, 16px 10px #ffc231, 17px 10px #ffc231, 18px 10px #ffc231, 19px 10px #ffc231, 20px 10px #ffc231, 21px 10px #ffc231, 5px 11px #ffc231, 6px 11px #ffc231, 7px 11px #ffc231, 8px 11px #ffc231, 9px 11px #ffc231, 10px 11px #ffc231, 11px 11px #ffc231, 12px 11px #ffc231, 13px 11px #ffc231, 14px 11px #ffc231, 15px 11px #ffc231, 16px 11px #ffc231, 17px 11px #ffc231, 18px 11px #ffc231, 19px 11px #ffc231, 20px 11px #ffc231, 21px 11px #ffc231, 8px 12px #ffc231, 9px 12px #ffc231, 10px 12px #000000, 11px 12px #000000, 12px 12px #000000, 13px 12px #ffc231, 14px 12px #ffc231, 15px 12px #000000, 16px 12px #000000, 17px 12px #000000, 18px 12px #ffc231, 19px 12px #ffc231, 8px 13px #ffc231, 9px 13px #ffc231, 10px 13px #000000, 11px 13px #000000, 12px 13px white, 13px 13px #ffc231, 14px 13px #ffc231, 15px 13px #000000, 16px 13px #000000, 17px 13px white, 18px 13px #ffc231, 19px 13px #ffc231, 8px 14px #ffc231, 9px 14px #ffc231, 10px 14px #ffc231, 11px 14px #ffc231, 12px 14px #ffc231, 13px 14px #ffc231, 14px 14px #ffc231, 15px 14px #ffc231, 16px 14px #ffc231, 17px 14px #ffc231, 18px 14px #ffc231, 19px 14px #ffc231, 7px 15px white, 8px 15px white, 9px 15px white, 10px 15px white, 11px 15px white, 12px 15px white, 13px 15px white, 14px 15px white, 15px 15px white, 16px 15px white, 17px 15px white, 18px 15px white, 19px 15px white, 20px 15px white, 7px 16px white, 8px 16px white, 9px 16px white, 10px 16px white, 11px 16px white, 12px 16px white, 13px 16px #292723, 14px 16px #292723, 15px 16px #292723, 16px 16px white, 17px 16px white, 18px 16px white, 19px 16px white, 20px 16px white, 7px 17px white, 8px 17px white, 9px 17px white, 10px 17px white, 11px 17px white, 12px 17px white, 13px 17px white, 14px 17px #292723, 15px 17px white, 16px 17px white, 17px 17px white, 18px 17px white, 19px 17px white, 20px 17px white, 7px 18px white, 8px 18px white, 9px 18px white, 10px 18px white, 11px 18px white, 12px 18px white, 13px 18px white, 14px 18px white, 15px 18px white, 16px 18px white, 17px 18px white, 18px 18px white, 19px 18px white, 20px 18px white, 9px 19px #35c161, 10px 19px #35c161, 11px 19px #35c161, 12px 19px #35c161, 13px 19px #35c161, 14px 19px #35c161, 15px 19px #35c161, 16px 19px #35c161, 17px 19px #35c161, 18px 19px #35c161, 9px 20px #35c161, 10px 20px #35c161, 11px 20px #35c161, 12px 20px #35c161, 13px 20px #35c161, 14px 20px #35c161, 15px 20px #35c161, 16px 20px #35c161, 17px 20px #35c161, 18px 20px #35c161, 9px 21px #ffc231, 10px 21px #ffc231, 11px 21px #ffc231, 12px 21px #35c161, 13px 21px #35c161, 14px 21px #35c161, 15px 21px #35c161, 16px 21px #ffc231, 17px 21px #ffc231, 18px 21px #ffc231, 9px 22px #ffc231, 10px 22px #ffc231, 16px 22px #ffc231, 17px 22px #ffc231;
  }
  0%, 100% {
    box-shadow: 5px 9px #ffc231, 6px 9px #ffc231, 7px 9px #ffc231, 19px 9px #ffc231, 20px 9px #ffc231, 21px 9px #ffc231, 5px 10px #ffc231, 6px 10px #ffc231, 7px 10px #ffc231, 8px 10px #ffc231, 9px 10px #ffc231, 10px 10px #ffc231, 11px 10px #ffc231, 12px 10px #ffc231, 13px 10px #ffc231, 14px 10px #ffc231, 15px 10px #ffc231, 16px 10px #ffc231, 17px 10px #ffc231, 18px 10px #ffc231, 19px 10px #ffc231, 20px 10px #ffc231, 21px 10px #ffc231, 5px 11px #ffc231, 6px 11px #ffc231, 7px 11px #ffc231, 8px 11px #ffc231, 9px 11px #ffc231, 10px 11px #ffc231, 11px 11px #ffc231, 12px 11px #ffc231, 13px 11px #ffc231, 14px 11px #ffc231, 15px 11px #ffc231, 16px 11px #ffc231, 17px 11px #ffc231, 18px 11px #ffc231, 19px 11px #ffc231, 20px 11px #ffc231, 21px 11px #ffc231, 8px 12px #ffc231, 9px 12px #ffc231, 10px 12px #000000, 11px 12px #000000, 12px 12px #000000, 13px 12px #ffc231, 14px 12px #ffc231, 15px 12px #000000, 16px 12px #000000, 17px 12px #000000, 18px 12px #ffc231, 19px 12px #ffc231, 8px 13px #ffc231, 9px 13px #ffc231, 10px 13px #000000, 11px 13px #000000, 12px 13px white, 13px 13px #ffc231, 14px 13px #ffc231, 15px 13px #000000, 16px 13px #000000, 17px 13px white, 18px 13px #ffc231, 19px 13px #ffc231, 8px 14px #ffc231, 9px 14px #ffc231, 10px 14px #ffc231, 11px 14px #ffc231, 12px 14px #ffc231, 13px 14px #ffc231, 14px 14px #ffc231, 15px 14px #ffc231, 16px 14px #ffc231, 17px 14px #ffc231, 18px 14px #ffc231, 19px 14px #ffc231, 7px 15px white, 8px 15px white, 9px 15px white, 10px 15px white, 11px 15px white, 12px 15px white, 13px 15px white, 14px 15px white, 15px 15px white, 16px 15px white, 17px 15px white, 18px 15px white, 19px 15px white, 20px 15px white, 7px 16px white, 8px 16px white, 9px 16px white, 10px 16px white, 11px 16px white, 12px 16px white, 13px 16px #292723, 14px 16px #292723, 15px 16px #292723, 16px 16px white, 17px 16px white, 18px 16px white, 19px 16px white, 20px 16px white, 7px 17px white, 8px 17px white, 9px 17px white, 10px 17px white, 11px 17px white, 12px 17px white, 13px 17px white, 14px 17px #292723, 15px 17px white, 16px 17px white, 17px 17px white, 18px 17px white, 19px 17px white, 20px 17px white, 7px 18px white, 8px 18px white, 9px 18px white, 10px 18px white, 11px 18px white, 12px 18px white, 13px 18px white, 14px 18px white, 15px 18px white, 16px 18px white, 17px 18px white, 18px 18px white, 19px 18px white, 20px 18px white, 9px 19px #35c161, 10px 19px #35c161, 11px 19px #35c161, 12px 19px #35c161, 13px 19px #35c161, 14px 19px #35c161, 15px 19px #35c161, 16px 19px #35c161, 17px 19px #35c161, 18px 19px #35c161, 9px 20px #35c161, 10px 20px #35c161, 11px 20px #35c161, 12px 20px #35c161, 13px 20px #35c161, 14px 20px #35c161, 15px 20px #35c161, 16px 20px #35c161, 17px 20px #35c161, 18px 20px #35c161, 9px 21px #ffc231, 10px 21px #ffc231, 11px 21px #ffc231, 12px 21px #35c161, 13px 21px #35c161, 14px 21px #35c161, 15px 21px #35c161, 16px 21px #ffc231, 17px 21px #ffc231, 18px 21px #ffc231, 10px 22px #ffc231, 11px 22px #ffc231, 17px 22px #ffc231, 18px 22px #ffc231;
  }
}
@keyframes monsteranimate {
  50% {
    box-shadow: 3px 1px #333333, 4px 1px #333333, 5px 1px #333333, 6px 1px #333333, 7px 1px #333333, 8px 1px #333333, 9px 1px #333333, 10px 1px #333333, 11px 1px #333333, 12px 1px #333333, 2px 2px #333333, 3px 2px #333333, 4px 2px #333333, 5px 2px #333333, 6px 2px #333333, 7px 2px #333333, 8px 2px #333333, 9px 2px #333333, 10px 2px #333333, 11px 2px #333333, 12px 2px #333333, 13px 2px #333333, 1px 3px #333333, 2px 3px #333333, 3px 3px #333333, 4px 3px white, 5px 3px white, 6px 3px white, 7px 3px #333333, 8px 3px #333333, 9px 3px white, 10px 3px white, 11px 3px white, 12px 3px #333333, 13px 3px #333333, 14px 3px #333333, 1px 4px #333333, 2px 4px #333333, 3px 4px #333333, 4px 4px #000000, 5px 4px #000000, 6px 4px white, 7px 4px #333333, 8px 4px #333333, 9px 4px #000000, 10px 4px #000000, 11px 4px white, 12px 4px #333333, 13px 4px #333333, 14px 4px #333333, 1px 5px #333333, 2px 5px #333333, 3px 5px #333333, 4px 5px #000000, 5px 5px #000000, 6px 5px white, 7px 5px #333333, 8px 5px #333333, 9px 5px #000000, 10px 5px #000000, 11px 5px white, 12px 5px #333333, 13px 5px #333333, 14px 5px #333333, 1px 6px #333333, 2px 6px #333333, 3px 6px #333333, 4px 6px #333333, 5px 6px #333333, 6px 6px #333333, 7px 6px #333333, 8px 6px #333333, 9px 6px #333333, 10px 6px #333333, 11px 6px #333333, 12px 6px #333333, 13px 6px #333333, 14px 6px #333333, 2px 7px #333333, 3px 7px #333333, 4px 7px #333333, 5px 7px #333333, 6px 7px #333333, 7px 7px #333333, 8px 7px #333333, 9px 7px #333333, 10px 7px #333333, 11px 7px #333333, 12px 7px #333333, 13px 7px #333333, 3px 8px #333333, 4px 8px #333333, 5px 8px #333333, 6px 8px #333333, 7px 8px #333333, 8px 8px #333333, 9px 8px #333333, 10px 8px #333333, 11px 8px #333333, 12px 8px #333333;
  }
  0%, 100% {
    box-shadow: 3px 1px #333333, 4px 1px #333333, 5px 1px #333333, 6px 1px #333333, 7px 1px #333333, 8px 1px #333333, 9px 1px #333333, 10px 1px #333333, 11px 1px #333333, 12px 1px #333333, 2px 2px #333333, 3px 2px #333333, 4px 2px #333333, 5px 2px #333333, 6px 2px #333333, 7px 2px #333333, 8px 2px #333333, 9px 2px #333333, 10px 2px #333333, 11px 2px #333333, 12px 2px #333333, 13px 2px #333333, 1px 3px #333333, 2px 3px #333333, 3px 3px #333333, 4px 3px white, 5px 3px white, 6px 3px white, 7px 3px #333333, 8px 3px #333333, 9px 3px white, 10px 3px white, 11px 3px white, 12px 3px #333333, 13px 3px #333333, 14px 3px #333333, 1px 4px #333333, 2px 4px #333333, 3px 4px #333333, 4px 4px white, 5px 4px #000000, 6px 4px #000000, 7px 4px #333333, 8px 4px #333333, 9px 4px white, 10px 4px #000000, 11px 4px #000000, 12px 4px #333333, 13px 4px #333333, 14px 4px #333333, 1px 5px #333333, 2px 5px #333333, 3px 5px #333333, 4px 5px white, 5px 5px #000000, 6px 5px #000000, 7px 5px #333333, 8px 5px #333333, 9px 5px white, 10px 5px #000000, 11px 5px #000000, 12px 5px #333333, 13px 5px #333333, 14px 5px #333333, 1px 6px #333333, 2px 6px #333333, 3px 6px #333333, 4px 6px #333333, 5px 6px #333333, 6px 6px #333333, 7px 6px #333333, 8px 6px #333333, 9px 6px #333333, 10px 6px #333333, 11px 6px #333333, 12px 6px #333333, 13px 6px #333333, 14px 6px #333333, 2px 7px #333333, 3px 7px #333333, 4px 7px #333333, 5px 7px #333333, 6px 7px #333333, 7px 7px #333333, 8px 7px #333333, 9px 7px #333333, 10px 7px #333333, 11px 7px #333333, 12px 7px #333333, 13px 7px #333333, 3px 8px #333333, 4px 8px #333333, 5px 8px #333333, 6px 8px #333333, 7px 8px #333333, 8px 8px #333333, 9px 8px #333333, 10px 8px #333333, 11px 8px #333333, 12px 8px #333333;
  }
}
@keyframes animate {
  50% {
    box-shadow: 5px 9px #ffc231, 6px 9px #ffc231, 7px 9px #ffc231, 19px 9px #ffc231, 20px 9px #ffc231, 21px 9px #ffc231, 5px 10px #ffc231, 6px 10px #ffc231, 7px 10px #ffc231, 8px 10px #ffc231, 9px 10px #ffc231, 10px 10px #ffc231, 11px 10px #ffc231, 12px 10px #ffc231, 13px 10px #ffc231, 14px 10px #ffc231, 15px 10px #ffc231, 16px 10px #ffc231, 17px 10px #ffc231, 18px 10px #ffc231, 19px 10px #ffc231, 20px 10px #ffc231, 21px 10px #ffc231, 5px 11px #ffc231, 6px 11px #ffc231, 7px 11px #ffc231, 8px 11px #ffc231, 9px 11px #ffc231, 10px 11px #ffc231, 11px 11px #ffc231, 12px 11px #ffc231, 13px 11px #ffc231, 14px 11px #ffc231, 15px 11px #ffc231, 16px 11px #ffc231, 17px 11px #ffc231, 18px 11px #ffc231, 19px 11px #ffc231, 20px 11px #ffc231, 21px 11px #ffc231, 8px 12px #ffc231, 9px 12px #ffc231, 10px 12px #000000, 11px 12px #000000, 12px 12px #000000, 13px 12px #ffc231, 14px 12px #ffc231, 15px 12px #000000, 16px 12px #000000, 17px 12px #000000, 18px 12px #ffc231, 19px 12px #ffc231, 8px 13px #ffc231, 9px 13px #ffc231, 10px 13px #000000, 11px 13px #000000, 12px 13px white, 13px 13px #ffc231, 14px 13px #ffc231, 15px 13px #000000, 16px 13px #000000, 17px 13px white, 18px 13px #ffc231, 19px 13px #ffc231, 8px 14px #ffc231, 9px 14px #ffc231, 10px 14px #ffc231, 11px 14px #ffc231, 12px 14px #ffc231, 13px 14px #ffc231, 14px 14px #ffc231, 15px 14px #ffc231, 16px 14px #ffc231, 17px 14px #ffc231, 18px 14px #ffc231, 19px 14px #ffc231, 7px 15px white, 8px 15px white, 9px 15px white, 10px 15px white, 11px 15px white, 12px 15px white, 13px 15px white, 14px 15px white, 15px 15px white, 16px 15px white, 17px 15px white, 18px 15px white, 19px 15px white, 20px 15px white, 7px 16px white, 8px 16px white, 9px 16px white, 10px 16px white, 11px 16px white, 12px 16px white, 13px 16px #292723, 14px 16px #292723, 15px 16px #292723, 16px 16px white, 17px 16px white, 18px 16px white, 19px 16px white, 20px 16px white, 7px 17px white, 8px 17px white, 9px 17px white, 10px 17px white, 11px 17px white, 12px 17px white, 13px 17px white, 14px 17px #292723, 15px 17px white, 16px 17px white, 17px 17px white, 18px 17px white, 19px 17px white, 20px 17px white, 7px 18px white, 8px 18px white, 9px 18px white, 10px 18px white, 11px 18px white, 12px 18px white, 13px 18px white, 14px 18px white, 15px 18px white, 16px 18px white, 17px 18px white, 18px 18px white, 19px 18px white, 20px 18px white, 9px 19px #35c161, 10px 19px #35c161, 11px 19px #35c161, 12px 19px #35c161, 13px 19px #35c161, 14px 19px #35c161, 15px 19px #35c161, 16px 19px #35c161, 17px 19px #35c161, 18px 19px #35c161, 9px 20px #35c161, 10px 20px #35c161, 11px 20px #35c161, 12px 20px #35c161, 13px 20px #35c161, 14px 20px #35c161, 15px 20px #35c161, 16px 20px #35c161, 17px 20px #35c161, 18px 20px #35c161, 9px 21px #ffc231, 10px 21px #ffc231, 11px 21px #ffc231, 12px 21px #35c161, 13px 21px #35c161, 14px 21px #35c161, 15px 21px #35c161, 16px 21px #ffc231, 17px 21px #ffc231, 18px 21px #ffc231, 9px 22px #ffc231, 10px 22px #ffc231, 16px 22px #ffc231, 17px 22px #ffc231;
  }
  0%, 100% {
    box-shadow: 5px 9px #ffc231, 6px 9px #ffc231, 7px 9px #ffc231, 19px 9px #ffc231, 20px 9px #ffc231, 21px 9px #ffc231, 5px 10px #ffc231, 6px 10px #ffc231, 7px 10px #ffc231, 8px 10px #ffc231, 9px 10px #ffc231, 10px 10px #ffc231, 11px 10px #ffc231, 12px 10px #ffc231, 13px 10px #ffc231, 14px 10px #ffc231, 15px 10px #ffc231, 16px 10px #ffc231, 17px 10px #ffc231, 18px 10px #ffc231, 19px 10px #ffc231, 20px 10px #ffc231, 21px 10px #ffc231, 5px 11px #ffc231, 6px 11px #ffc231, 7px 11px #ffc231, 8px 11px #ffc231, 9px 11px #ffc231, 10px 11px #ffc231, 11px 11px #ffc231, 12px 11px #ffc231, 13px 11px #ffc231, 14px 11px #ffc231, 15px 11px #ffc231, 16px 11px #ffc231, 17px 11px #ffc231, 18px 11px #ffc231, 19px 11px #ffc231, 20px 11px #ffc231, 21px 11px #ffc231, 8px 12px #ffc231, 9px 12px #ffc231, 10px 12px #000000, 11px 12px #000000, 12px 12px #000000, 13px 12px #ffc231, 14px 12px #ffc231, 15px 12px #000000, 16px 12px #000000, 17px 12px #000000, 18px 12px #ffc231, 19px 12px #ffc231, 8px 13px #ffc231, 9px 13px #ffc231, 10px 13px #000000, 11px 13px #000000, 12px 13px white, 13px 13px #ffc231, 14px 13px #ffc231, 15px 13px #000000, 16px 13px #000000, 17px 13px white, 18px 13px #ffc231, 19px 13px #ffc231, 8px 14px #ffc231, 9px 14px #ffc231, 10px 14px #ffc231, 11px 14px #ffc231, 12px 14px #ffc231, 13px 14px #ffc231, 14px 14px #ffc231, 15px 14px #ffc231, 16px 14px #ffc231, 17px 14px #ffc231, 18px 14px #ffc231, 19px 14px #ffc231, 7px 15px white, 8px 15px white, 9px 15px white, 10px 15px white, 11px 15px white, 12px 15px white, 13px 15px white, 14px 15px white, 15px 15px white, 16px 15px white, 17px 15px white, 18px 15px white, 19px 15px white, 20px 15px white, 7px 16px white, 8px 16px white, 9px 16px white, 10px 16px white, 11px 16px white, 12px 16px white, 13px 16px #292723, 14px 16px #292723, 15px 16px #292723, 16px 16px white, 17px 16px white, 18px 16px white, 19px 16px white, 20px 16px white, 7px 17px white, 8px 17px white, 9px 17px white, 10px 17px white, 11px 17px white, 12px 17px white, 13px 17px white, 14px 17px #292723, 15px 17px white, 16px 17px white, 17px 17px white, 18px 17px white, 19px 17px white, 20px 17px white, 7px 18px white, 8px 18px white, 9px 18px white, 10px 18px white, 11px 18px white, 12px 18px white, 13px 18px white, 14px 18px white, 15px 18px white, 16px 18px white, 17px 18px white, 18px 18px white, 19px 18px white, 20px 18px white, 9px 19px #35c161, 10px 19px #35c161, 11px 19px #35c161, 12px 19px #35c161, 13px 19px #35c161, 14px 19px #35c161, 15px 19px #35c161, 16px 19px #35c161, 17px 19px #35c161, 18px 19px #35c161, 9px 20px #35c161, 10px 20px #35c161, 11px 20px #35c161, 12px 20px #35c161, 13px 20px #35c161, 14px 20px #35c161, 15px 20px #35c161, 16px 20px #35c161, 17px 20px #35c161, 18px 20px #35c161, 9px 21px #ffc231, 10px 21px #ffc231, 11px 21px #ffc231, 12px 21px #35c161, 13px 21px #35c161, 14px 21px #35c161, 15px 21px #35c161, 16px 21px #ffc231, 17px 21px #ffc231, 18px 21px #ffc231, 10px 22px #ffc231, 11px 22px #ffc231, 17px 22px #ffc231, 18px 22px #ffc231;
  }
}
@keyframes success {
  50% {
    top: calc(50% + 20px);
    box-shadow: 5px 9px #ffc231, 6px 9px #ffc231, 7px 9px #ffc231, 19px 9px #ffc231, 20px 9px #ffc231, 21px 9px #ffc231, 5px 10px #ffc231, 6px 10px #ffc231, 7px 10px #ffc231, 8px 10px #ffc231, 9px 10px #ffc231, 10px 10px #ffc231, 11px 10px #ffc231, 12px 10px #ffc231, 13px 10px #ffc231, 14px 10px #ffc231, 15px 10px #ffc231, 16px 10px #ffc231, 17px 10px #ffc231, 18px 10px #ffc231, 19px 10px #ffc231, 20px 10px #ffc231, 21px 10px #ffc231, 5px 11px #ffc231, 6px 11px #ffc231, 7px 11px #ffc231, 8px 11px #ffc231, 9px 11px #ffc231, 10px 11px #ffc231, 11px 11px #ffc231, 12px 11px #ffc231, 13px 11px #ffc231, 14px 11px #ffc231, 15px 11px #ffc231, 16px 11px #ffc231, 17px 11px #ffc231, 18px 11px #ffc231, 19px 11px #ffc231, 20px 11px #ffc231, 21px 11px #ffc231, 8px 12px #ffc231, 9px 12px #ffc231, 10px 12px #000000, 11px 12px #000000, 12px 12px #000000, 13px 12px #ffc231, 14px 12px #ffc231, 15px 12px #000000, 16px 12px #000000, 17px 12px #000000, 18px 12px #ffc231, 19px 12px #ffc231, 8px 13px #ffc231, 9px 13px #ffc231, 10px 13px #000000, 11px 13px #000000, 12px 13px white, 13px 13px #ffc231, 14px 13px #ffc231, 15px 13px #000000, 16px 13px #000000, 17px 13px white, 18px 13px #ffc231, 19px 13px #ffc231, 8px 14px #ffc231, 9px 14px #ffc231, 10px 14px #ffc231, 11px 14px #ffc231, 12px 14px #ffc231, 13px 14px #ffc231, 14px 14px #ffc231, 15px 14px #ffc231, 16px 14px #ffc231, 17px 14px #ffc231, 18px 14px #ffc231, 19px 14px #ffc231, 7px 15px white, 8px 15px white, 9px 15px white, 10px 15px white, 11px 15px white, 12px 15px white, 13px 15px white, 14px 15px white, 15px 15px white, 16px 15px white, 17px 15px white, 18px 15px white, 19px 15px white, 20px 15px white, 7px 16px white, 8px 16px white, 9px 16px white, 10px 16px white, 11px 16px white, 12px 16px white, 13px 16px #292723, 14px 16px #292723, 15px 16px #292723, 16px 16px white, 17px 16px white, 18px 16px white, 19px 16px white, 20px 16px white, 7px 17px white, 8px 17px white, 9px 17px white, 10px 17px white, 11px 17px white, 12px 17px white, 13px 17px white, 14px 17px #292723, 15px 17px white, 16px 17px white, 17px 17px white, 18px 17px white, 19px 17px white, 20px 17px white, 7px 18px white, 8px 18px white, 9px 18px white, 10px 18px white, 11px 18px white, 12px 18px white, 13px 18px white, 14px 18px white, 15px 18px white, 16px 18px white, 17px 18px white, 18px 18px white, 19px 18px white, 20px 18px white, 9px 19px #35c161, 10px 19px #35c161, 11px 19px #35c161, 12px 19px #35c161, 13px 19px #35c161, 14px 19px #35c161, 15px 19px #35c161, 16px 19px #35c161, 17px 19px #35c161, 18px 19px #35c161, 9px 20px #35c161, 10px 20px #35c161, 11px 20px #35c161, 12px 20px #35c161, 13px 20px #35c161, 14px 20px #35c161, 15px 20px #35c161, 16px 20px #35c161, 17px 20px #35c161, 18px 20px #35c161, 9px 21px #ffc231, 10px 21px #ffc231, 11px 21px #ffc231, 12px 21px #35c161, 13px 21px #35c161, 14px 21px #35c161, 15px 21px #35c161, 16px 21px #ffc231, 17px 21px #ffc231, 18px 21px #ffc231, 9px 22px #ffc231, 10px 22px #ffc231, 16px 22px #ffc231, 17px 22px #ffc231;
    transform: scaleX(1);
  }
  0%, 100% {
    transform: scaleX(1);
    top: 50%;
    box-shadow: 5px 9px #ffc231, 6px 9px #ffc231, 7px 9px #ffc231, 19px 9px #ffc231, 20px 9px #ffc231, 21px 9px #ffc231, 5px 10px #ffc231, 6px 10px #ffc231, 7px 10px #ffc231, 8px 10px #ffc231, 9px 10px #ffc231, 10px 10px #ffc231, 11px 10px #ffc231, 12px 10px #ffc231, 13px 10px #ffc231, 14px 10px #ffc231, 15px 10px #ffc231, 16px 10px #ffc231, 17px 10px #ffc231, 18px 10px #ffc231, 19px 10px #ffc231, 20px 10px #ffc231, 21px 10px #ffc231, 5px 11px #ffc231, 6px 11px #ffc231, 7px 11px #ffc231, 8px 11px #ffc231, 9px 11px #ffc231, 10px 11px #ffc231, 11px 11px #ffc231, 12px 11px #ffc231, 13px 11px #ffc231, 14px 11px #ffc231, 15px 11px #ffc231, 16px 11px #ffc231, 17px 11px #ffc231, 18px 11px #ffc231, 19px 11px #ffc231, 20px 11px #ffc231, 21px 11px #ffc231, 8px 12px #ffc231, 9px 12px #ffc231, 10px 12px #000000, 11px 12px #000000, 12px 12px #000000, 13px 12px #ffc231, 14px 12px #ffc231, 15px 12px #000000, 16px 12px #000000, 17px 12px #000000, 18px 12px #ffc231, 19px 12px #ffc231, 8px 13px #ffc231, 9px 13px #ffc231, 10px 13px #000000, 11px 13px #000000, 12px 13px white, 13px 13px #ffc231, 14px 13px #ffc231, 15px 13px #000000, 16px 13px #000000, 17px 13px white, 18px 13px #ffc231, 19px 13px #ffc231, 8px 14px #ffc231, 9px 14px #ffc231, 10px 14px #ffc231, 11px 14px #ffc231, 12px 14px #ffc231, 13px 14px #ffc231, 14px 14px #ffc231, 15px 14px #ffc231, 16px 14px #ffc231, 17px 14px #ffc231, 18px 14px #ffc231, 19px 14px #ffc231, 7px 15px white, 8px 15px white, 9px 15px white, 10px 15px white, 11px 15px white, 12px 15px white, 13px 15px white, 14px 15px white, 15px 15px white, 16px 15px white, 17px 15px white, 18px 15px white, 19px 15px white, 20px 15px white, 7px 16px white, 8px 16px white, 9px 16px white, 10px 16px white, 11px 16px white, 12px 16px white, 13px 16px #292723, 14px 16px #292723, 15px 16px #292723, 16px 16px white, 17px 16px white, 18px 16px white, 19px 16px white, 20px 16px white, 7px 17px white, 8px 17px white, 9px 17px white, 10px 17px white, 11px 17px white, 12px 17px white, 13px 17px white, 14px 17px #292723, 15px 17px white, 16px 17px white, 17px 17px white, 18px 17px white, 19px 17px white, 20px 17px white, 7px 18px white, 8px 18px white, 9px 18px white, 10px 18px white, 11px 18px white, 12px 18px white, 13px 18px white, 14px 18px white, 15px 18px white, 16px 18px white, 17px 18px white, 18px 18px white, 19px 18px white, 20px 18px white, 9px 19px #35c161, 10px 19px #35c161, 11px 19px #35c161, 12px 19px #35c161, 13px 19px #35c161, 14px 19px #35c161, 15px 19px #35c161, 16px 19px #35c161, 17px 19px #35c161, 18px 19px #35c161, 9px 20px #35c161, 10px 20px #35c161, 11px 20px #35c161, 12px 20px #35c161, 13px 20px #35c161, 14px 20px #35c161, 15px 20px #35c161, 16px 20px #35c161, 17px 20px #35c161, 18px 20px #35c161, 9px 21px #ffc231, 10px 21px #ffc231, 11px 21px #ffc231, 12px 21px #35c161, 13px 21px #35c161, 14px 21px #35c161, 15px 21px #35c161, 16px 21px #ffc231, 17px 21px #ffc231, 18px 21px #ffc231, 10px 22px #ffc231, 11px 22px #ffc231, 17px 22px #ffc231, 18px 22px #ffc231;
  }
}
body {
  padding: 0;
  margin: 0;
  background: #000000;
  color: #bfbfbf;
  font-family: monospace;
}

a {
  color: #52acdc;
}

.wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100vh;
}

@keyframes portal {
  0% {
    transform: scaleX(-1) scaleY(-1) rotate(180deg);
  }
  50% {
    transform: scaleX(0) scaleY(0) rotate(360deg);
  }
  100% {
    transform: scaleX(1) scaleY(0) rotate(0);
  }
}
.main {
  position: relative;
  overflow: hidden;
  border: 5px solid black;
  border-radius: 50%;
  /*main character*/
}
.main::after {
  position: absolute;
  content: "";
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, rgb(0, 0, 0) 100%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.main::before {
  position: absolute;
  content: "";
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  transition: 0.3s linear top, left;
  width: 20px;
  height: 20px;
  z-index: 2;
  width: 1px;
  height: 1px;
  bottom: 15px;
  box-shadow: 5px 9px #ffc231, 6px 9px #ffc231, 7px 9px #ffc231, 19px 9px #ffc231, 20px 9px #ffc231, 21px 9px #ffc231, 5px 10px #ffc231, 6px 10px #ffc231, 7px 10px #ffc231, 8px 10px #ffc231, 9px 10px #ffc231, 10px 10px #ffc231, 11px 10px #ffc231, 12px 10px #ffc231, 13px 10px #ffc231, 14px 10px #ffc231, 15px 10px #ffc231, 16px 10px #ffc231, 17px 10px #ffc231, 18px 10px #ffc231, 19px 10px #ffc231, 20px 10px #ffc231, 21px 10px #ffc231, 5px 11px #ffc231, 6px 11px #ffc231, 7px 11px #ffc231, 8px 11px #ffc231, 9px 11px #ffc231, 10px 11px #ffc231, 11px 11px #ffc231, 12px 11px #ffc231, 13px 11px #ffc231, 14px 11px #ffc231, 15px 11px #ffc231, 16px 11px #ffc231, 17px 11px #ffc231, 18px 11px #ffc231, 19px 11px #ffc231, 20px 11px #ffc231, 21px 11px #ffc231, 8px 12px #ffc231, 9px 12px #ffc231, 10px 12px #000000, 11px 12px #000000, 12px 12px #000000, 13px 12px #ffc231, 14px 12px #ffc231, 15px 12px #000000, 16px 12px #000000, 17px 12px #000000, 18px 12px #ffc231, 19px 12px #ffc231, 8px 13px #ffc231, 9px 13px #ffc231, 10px 13px #000000, 11px 13px #000000, 12px 13px white, 13px 13px #ffc231, 14px 13px #ffc231, 15px 13px #000000, 16px 13px #000000, 17px 13px white, 18px 13px #ffc231, 19px 13px #ffc231, 8px 14px #ffc231, 9px 14px #ffc231, 10px 14px #ffc231, 11px 14px #ffc231, 12px 14px #ffc231, 13px 14px #ffc231, 14px 14px #ffc231, 15px 14px #ffc231, 16px 14px #ffc231, 17px 14px #ffc231, 18px 14px #ffc231, 19px 14px #ffc231, 7px 15px white, 8px 15px white, 9px 15px white, 10px 15px white, 11px 15px white, 12px 15px white, 13px 15px white, 14px 15px white, 15px 15px white, 16px 15px white, 17px 15px white, 18px 15px white, 19px 15px white, 20px 15px white, 7px 16px white, 8px 16px white, 9px 16px white, 10px 16px white, 11px 16px white, 12px 16px white, 13px 16px #292723, 14px 16px #292723, 15px 16px #292723, 16px 16px white, 17px 16px white, 18px 16px white, 19px 16px white, 20px 16px white, 7px 17px white, 8px 17px white, 9px 17px white, 10px 17px white, 11px 17px white, 12px 17px white, 13px 17px white, 14px 17px #292723, 15px 17px white, 16px 17px white, 17px 17px white, 18px 17px white, 19px 17px white, 20px 17px white, 7px 18px white, 8px 18px white, 9px 18px white, 10px 18px white, 11px 18px white, 12px 18px white, 13px 18px white, 14px 18px white, 15px 18px white, 16px 18px white, 17px 18px white, 18px 18px white, 19px 18px white, 20px 18px white, 9px 19px #35c161, 10px 19px #35c161, 11px 19px #35c161, 12px 19px #35c161, 13px 19px #35c161, 14px 19px #35c161, 15px 19px #35c161, 16px 19px #35c161, 17px 19px #35c161, 18px 19px #35c161, 9px 20px #35c161, 10px 20px #35c161, 11px 20px #35c161, 12px 20px #35c161, 13px 20px #35c161, 14px 20px #35c161, 15px 20px #35c161, 16px 20px #35c161, 17px 20px #35c161, 18px 20px #35c161, 9px 21px #ffc231, 10px 21px #ffc231, 11px 21px #ffc231, 12px 21px #35c161, 13px 21px #35c161, 14px 21px #35c161, 15px 21px #35c161, 16px 21px #ffc231, 17px 21px #ffc231, 18px 21px #ffc231, 10px 22px #ffc231, 11px 22px #ffc231, 17px 22px #ffc231, 18px 22px #ffc231;
  animation: animate 1s ease infinite;
  transform: perspective(10px);
}
.main.flip::before {
  transform-origin: 12px 0;
  transform: scaleX(-1);
}
.main.portal::before {
  transform: scaleX(0);
  animation: portal 1s ease;
}
.main.success::after {
  opacity: 0;
}
.main.success::before {
  width: 1px;
  height: 1px;
  bottom: 15px;
  box-shadow: 5px 9px #ffc231, 6px 9px #ffc231, 7px 9px #ffc231, 19px 9px #ffc231, 20px 9px #ffc231, 21px 9px #ffc231, 5px 10px #ffc231, 6px 10px #ffc231, 7px 10px #ffc231, 8px 10px #ffc231, 9px 10px #ffc231, 10px 10px #ffc231, 11px 10px #ffc231, 12px 10px #ffc231, 13px 10px #ffc231, 14px 10px #ffc231, 15px 10px #ffc231, 16px 10px #ffc231, 17px 10px #ffc231, 18px 10px #ffc231, 19px 10px #ffc231, 20px 10px #ffc231, 21px 10px #ffc231, 5px 11px #ffc231, 6px 11px #ffc231, 7px 11px #ffc231, 8px 11px #ffc231, 9px 11px #ffc231, 10px 11px #ffc231, 11px 11px #ffc231, 12px 11px #ffc231, 13px 11px #ffc231, 14px 11px #ffc231, 15px 11px #ffc231, 16px 11px #ffc231, 17px 11px #ffc231, 18px 11px #ffc231, 19px 11px #ffc231, 20px 11px #ffc231, 21px 11px #ffc231, 8px 12px #ffc231, 9px 12px #ffc231, 10px 12px #000000, 11px 12px #000000, 12px 12px #000000, 13px 12px #ffc231, 14px 12px #ffc231, 15px 12px #000000, 16px 12px #000000, 17px 12px #000000, 18px 12px #ffc231, 19px 12px #ffc231, 8px 13px #ffc231, 9px 13px #ffc231, 10px 13px #000000, 11px 13px #000000, 12px 13px white, 13px 13px #ffc231, 14px 13px #ffc231, 15px 13px #000000, 16px 13px #000000, 17px 13px white, 18px 13px #ffc231, 19px 13px #ffc231, 8px 14px #ffc231, 9px 14px #ffc231, 10px 14px #ffc231, 11px 14px #ffc231, 12px 14px #ffc231, 13px 14px #ffc231, 14px 14px #ffc231, 15px 14px #ffc231, 16px 14px #ffc231, 17px 14px #ffc231, 18px 14px #ffc231, 19px 14px #ffc231, 7px 15px white, 8px 15px white, 9px 15px white, 10px 15px white, 11px 15px white, 12px 15px white, 13px 15px white, 14px 15px white, 15px 15px white, 16px 15px white, 17px 15px white, 18px 15px white, 19px 15px white, 20px 15px white, 7px 16px white, 8px 16px white, 9px 16px white, 10px 16px white, 11px 16px white, 12px 16px white, 13px 16px #292723, 14px 16px #292723, 15px 16px #292723, 16px 16px white, 17px 16px white, 18px 16px white, 19px 16px white, 20px 16px white, 7px 17px white, 8px 17px white, 9px 17px white, 10px 17px white, 11px 17px white, 12px 17px white, 13px 17px white, 14px 17px #292723, 15px 17px white, 16px 17px white, 17px 17px white, 18px 17px white, 19px 17px white, 20px 17px white, 7px 18px white, 8px 18px white, 9px 18px white, 10px 18px white, 11px 18px white, 12px 18px white, 13px 18px white, 14px 18px white, 15px 18px white, 16px 18px white, 17px 18px white, 18px 18px white, 19px 18px white, 20px 18px white, 9px 19px #35c161, 10px 19px #35c161, 11px 19px #35c161, 12px 19px #35c161, 13px 19px #35c161, 14px 19px #35c161, 15px 19px #35c161, 16px 19px #35c161, 17px 19px #35c161, 18px 19px #35c161, 9px 20px #35c161, 10px 20px #35c161, 11px 20px #35c161, 12px 20px #35c161, 13px 20px #35c161, 14px 20px #35c161, 15px 20px #35c161, 16px 20px #35c161, 17px 20px #35c161, 18px 20px #35c161, 9px 21px #ffc231, 10px 21px #ffc231, 11px 21px #ffc231, 12px 21px #35c161, 13px 21px #35c161, 14px 21px #35c161, 15px 21px #35c161, 16px 21px #ffc231, 17px 21px #ffc231, 18px 21px #ffc231, 10px 22px #ffc231, 11px 22px #ffc231, 17px 22px #ffc231, 18px 22px #ffc231;
  animation: success 1s ease infinite;
}

.intro {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 1s linear;
  font-size: 12px;
  text-align: center;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, rgb(0, 0, 0) 100%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: white;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.intro > div {
  padding: 8px;
}
.intro .btn_start {
  cursor: pointer;
  padding: 4px 8px;
  margin-top: 8px;
  display: inline-block;
  background: #9e6f00;
  color: white;
  border: #000000;
  border-radius: 4px;
}
.intro .btn_start:hover {
  background: #d19300;
}

.container {
  position: absolute;
  display: grid;
  margin: 0;
  padding: 0;
  transition: all 1s linear;
}
.container.no_animation {
  transition: none;
}
.container > div {
  box-sizing: border-box;
  background-color: black;
  width: 100%;
}
.container > div.player {
  visibility: visible;
  position: relative;
}
.container > div.design_2_1 {
  background-image: url(img/design_2_1.png);
  background-size: cover;
}
.container > div.design_2_2 {
  background-image: url(img/design_2_2.png);
  background-size: cover;
}
.container > div.design_2_3 {
  background-image: url(img/design_2_3.png);
  background-size: cover;
}
.container > div.design_1_1 {
  background-image: url(img/design_1_1.png);
  background-size: cover;
}
.container > div.design_1_2 {
  background-image: url(img/design_1_2.png);
  background-size: cover;
}
.container > div.design_1_3 {
  background-image: url(img/design_1_3.png);
  background-size: cover;
}
.container > div.design_1_4 {
  background-image: url(img/design_1_4.png);
  background-size: cover;
}
.container > div.path_portal_2 {
  background-image: url(img/path_portal_2.png);
  background-size: cover;
}
.container > div.path_portal_1 {
  background-image: url(img/path_portal.png);
  background-size: cover;
  position: relative;
}
.container > div.path_portal_1::before {
  position: absolute;
  content: "";
  left: 36%;
  bottom: 40%;
  transform: scale(1);
}
.container > div.path_hori {
  background-image: url(img/path_hori.png);
  background-size: cover;
  position: relative;
}
.container > div.path_hori::before {
  position: absolute;
  content: "";
  left: 15%;
  bottom: 40%;
  transform: scale(1.2);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_vert {
  background-image: url(img/path_vert.png);
  background-size: cover;
  position: relative;
  position: relative;
}
.container > div.path_vert::before {
  position: absolute;
  content: "";
  left: 20%;
  bottom: 20%;
  transform: scale(1.8);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_vert::after {
  position: absolute;
  content: "";
  left: 80%;
  bottom: 80%;
  transform: scale(1);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_T_up {
  background-image: url(img/path_T_up.png);
  background-size: cover;
}
.container > div.path_vert_up {
  background-image: url(img/path_vert_up.png);
  background-size: cover;
  position: relative;
  position: relative;
}
.container > div.path_vert_up::before {
  position: absolute;
  content: "";
  left: 30%;
  bottom: 40%;
  transform: scale(1.8);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_vert_up::after {
  position: absolute;
  content: "";
  left: 80%;
  bottom: 50%;
  transform: scale(1);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_vert_down {
  background-image: url(img/path_vert_down.png);
  background-size: cover;
  position: relative;
}
.container > div.path_vert_down::before {
  position: absolute;
  content: "";
  left: 30%;
  bottom: 20%;
  transform: scale(0.5);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_T_lft {
  background-image: url(img/path_T_lft.png);
  background-size: cover;
  position: relative;
  position: relative;
}
.container > div.path_T_lft::before {
  position: absolute;
  content: "";
  left: 10%;
  bottom: 40%;
  transform: scale(1.5);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_T_lft::after {
  position: absolute;
  content: "";
  left: 80%;
  bottom: 50%;
  transform: scale(2);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_T_rgt {
  background-image: url(img/path_T_rgt.png);
  background-size: cover;
  position: relative;
  position: relative;
}
.container > div.path_T_rgt::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 20%;
  transform: scale(1.8);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_T_rgt::after {
  position: absolute;
  content: "";
  left: 70%;
  bottom: 80%;
  transform: scale(1);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_cross {
  background-image: url(img/path_cross.png);
  background-size: cover;
  position: relative;
}
.container > div.path_cross::before {
  position: absolute;
  content: "";
  left: 20%;
  bottom: 20%;
  transform: scale(1.5);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_hori_lft {
  background-image: url(img/path_hori_lft.png);
  background-size: cover;
}
.container > div.path_L_lft {
  background-image: url(img/path_L_lft.png);
  background-size: cover;
}
.container > div.path_L_rgt {
  background-image: url(img/path_L_rgt.png);
  background-size: cover;
}
.container > div.path_7_lft {
  background-image: url(img/path_7_lft.png);
  background-size: cover;
}
.container > div.path_hori_rgt {
  background-image: url(img/path_hori_rgt.png);
  background-size: cover;
  position: relative;
}
.container > div.path_hori_rgt::before {
  position: absolute;
  content: "";
  left: 10%;
  bottom: 20%;
  transform: scale(1.3);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_7_rgt {
  background-image: url(img/path_7_rgt.png);
  background-size: cover;
}
.container > div.path_T_down {
  background-image: url(img/path_T_down.png);
  background-size: cover;
  position: relative;
  position: relative;
}
.container > div.path_T_down::before {
  position: absolute;
  content: "";
  left: 0%;
  bottom: 20%;
  transform: scale(2);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.path_T_down::after {
  position: absolute;
  content: "";
  left: 80%;
  bottom: 70%;
  transform: scale(2);
  width: 1px;
  height: 1px;
  animation: monsteranimate 1s ease infinite;
}
.container > div.end {
  background-image: url(img/path_end.png);
  background-size: cover;
}
.container > div.wall {
  background-image: url(img/wall.png);
  background-size: cover;
}/*# sourceMappingURL=maze.css.map */