body, html { margin: 0px; }
.demon_popup { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: auto; font-family: sans-serif; display: none; z-index: 9999; }
.demon_popup.active { display: block; }
.demon_overflow { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.7); }
.demon_popup_body { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); width: 100%; max-width: 850px; padding: 20px 20px 90px; background: linear-gradient(135deg, rgb(60, 114, 181) 0px, rgb(123, 159, 204) 100%) 0px 0px; box-sizing: border-box; border: 5px solid rgb(221, 221, 221); min-height: 415px; }
.demon_popup_title { width: 100%; text-align: center; font-size: 28px; color: rgb(255, 255, 255); margin: 0px; }
.demon_popup_body img { position: absolute; left: 35px; top: 100px; width: 100%; max-width: 210px; height: 220px; object-fit: contain; }
.demon_popup_body p { padding-left: 266px; font-size: 23px; line-height: 1.3; margin: 0px; padding-top: 30px; color: rgb(255, 255, 255); }
.demon_popup_body p span { color: rgb(222, 69, 92); white-space: nowrap; font-size: 34px; font-weight: 700; }
.demon_popup_body p:first-of-type { padding-top: 58px; }
.demon_popup_body a:last-of-type { position: absolute; left: 50%; margin-left: -200px; bottom: 20px; height: 60px; background: linear-gradient(rgb(222, 69, 92) 0px, rgb(222, 69, 92) 13%, rgb(192, 31, 55) 76%, rgb(192, 31, 55) 100%) 0px 0px repeat scroll transparent; color: rgb(224, 226, 230); text-transform: uppercase; display: flex; justify-content: center; align-items: center; width: 400px; font-size: 26px; font-weight: 900; border-radius: 10px; text-decoration: none; box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 25px; }
.demon_popup_body a:last-of-type:hover { animation-duration: 1s; animation-fill-mode: both; animation-name: pulse; }
.demon_close { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; display: block; cursor: pointer; }
.demon_close::after { content: ""; width: 40px; height: 4px; background-color: rgb(222, 69, 92); transform: rotate(45deg); position: absolute; top: 13px; left: -5px; }
.demon_close::before { content: ""; width: 40px; height: 4px; background-color: rgb(222, 69, 92); transform: rotate(-45deg); position: absolute; top: 13px; left: -5px; }
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.demon_popup.active .demon_popup_body { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }
@keyframes pulse {
  0% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scale3d(1, 1, 1); }
}
@keyframes pulse {
  0% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scale3d(1, 1, 1); }
}