@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap";html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:"Montserrat",sans-serif;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("https://i.pinimg.com/1200x/de/cd/19/decd192c8473b69049099b2558a4e90c.jpg") no-repeat center center fixed;background-size:cover}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0}.container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.2);border-radius:15px}.container h1{font-size:80px;letter-spacing:8px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:10px;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px red,0 0 30px red,0 0 40px red,0 0 55px red,0 0 75px red;animation:flicker 1.5s infinite alternate;position:relative;overflow:visible}@media(max-width: 768px){.container h1{font-size:48px;letter-spacing:5px}}@media(max-width: 480px){.container h1{font-size:32px;letter-spacing:3px}}.container h2{font-size:24px;letter-spacing:3px;color:#eee;margin-bottom:40px;text-shadow:0 0 5px rgba(255,0,0,.7)}@media(max-width: 768px){.container h2{font-size:19px}}@media(max-width: 480px){.container h2{font-size:16px}}.container #countdown{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.container #countdown .time-unit{background:rgba(10,0,0,.5);padding:15px 25px;border-radius:10px;border:2px solid red;box-shadow:0 0 15px rgba(255,0,0,.7);min-width:100px;animation:flicker-light 2.5s infinite alternate}.container #countdown .time-unit span{display:block;font-size:56px;font-weight:bold;color:#fff;text-shadow:0 0 10px rgba(255,0,0,.7)}@media(max-width: 768px){.container #countdown .time-unit span{font-size:40px}}.container #countdown .time-unit p{margin:0;font-size:16px;text-transform:uppercase;letter-spacing:2px;color:#ddd}@media(max-width: 768px){.container #countdown .time-unit{min-width:80px;padding:10px}}@media(max-width: 480px){.container #countdown .time-unit{width:80%}}@media(max-width: 768px){.container #countdown{gap:10px}}@media(max-width: 480px){.container #countdown{flex-direction:column;gap:15px;align-items:center}}.blood-drip{position:absolute;bottom:-15px;width:15px;height:40px;overflow:visible;animation:drip-svg 4s linear infinite;transform-origin:top center}.blood-drip path{fill:#8a0303;filter:drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.5))}.blood-drip:nth-of-type(1){left:15%;animation-delay:.5s;animation-duration:3.2s}.blood-drip:nth-of-type(2){left:30%;animation-delay:1.5s;animation-duration:4s}.blood-drip:nth-of-type(3){left:55%;animation-delay:.2s;animation-duration:3.5s}.blood-drip:nth-of-type(4){left:80%;animation-delay:2.2s;animation-duration:4.2s}footer{margin-top:30px;font-size:13px;color:hsla(0,0%,100%,.5)}footer a{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .3s ease,text-shadow .3s ease}footer a:hover{color:red;text-shadow:0 0 5px rgba(255,0,0,.7)}@keyframes flicker{0%,18%,22%,25%,53%,57%,100%{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px red,0 0 80px red,0 0 90px red,0 0 100px red,0 0 150px red}20%,24%,55%{text-shadow:none}}@keyframes flicker-light{0%,18%,22%,25%,53%,57%,100%{border-color:red;box-shadow:0 0 15px rgba(255,0,0,.7)}20%,24%,55%{border-color:#600;box-shadow:none}}@keyframes drip-svg{0%{transform:translateY(0) scaleY(0);opacity:.8}10%{transform:translateY(0) scaleY(0.3)}30%{transform:translateY(10px) scaleY(1)}90%{opacity:1}100%{transform:translateY(100px) scaleY(0.1);opacity:0}}