@import url(https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Courier Prime,monospace;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}.App{align-items:center;background:linear-gradient(45deg,#fff,#f8f9fa);color:#06c;cursor:pointer;display:flex;font-family:Courier Prime,monospace;justify-content:center;min-height:100vh;position:relative}.App:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0066cc08 0,#0066cc08 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.countdown-container{max-width:1200px;padding:2rem;pointer-events:none;text-align:center;width:100%;z-index:1}.title{animation:glow 2s ease-in-out infinite alternate;color:#003d7a;font-size:clamp(2rem,8vw,6rem);font-weight:700;letter-spacing:.3em;margin-bottom:3rem;text-shadow:0 0 10px #06c,0 0 20px #06c,0 0 30px #06c}@keyframes glow{0%{text-shadow:0 0 10px #06c,0 0 20px #06c,0 0 30px #06c}to{text-shadow:0 0 5px #06c,0 0 10px #06c,0 0 15px #06c}}.countdown-display{flex-wrap:wrap;gap:clamp(1rem,4vw,3rem);justify-content:center;margin:4rem 0}.countdown-display,.time-block{align-items:center;display:flex}.time-block{background:#0066cc1a;background-color:#f8f9ff;border:2px solid #06c;border-radius:10px;box-shadow:0 0 20px #0066cc4d,inset 0 0 20px #0066cc1a;flex-direction:column;min-width:clamp(80px,15vw,150px);padding:clamp(1rem,3vw,2rem)}.time-number{color:#003d7a;font-size:clamp(2rem,8vw,4rem);font-weight:700;line-height:1;text-shadow:0 0 10px #06c}.time-label{color:#06c;font-size:clamp(.8rem,2vw,1.2rem);letter-spacing:.2em;margin-top:.5rem;opacity:.8}.separator{animation:blink 1s infinite;color:#06c;font-size:clamp(2rem,6vw,3rem);font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.subtitle{color:#06c;font-size:clamp(1.2rem,4vw,2rem);letter-spacing:.1em;margin:3rem 0 2rem;opacity:.9}.bottom-text{color:#06c;font-size:clamp(1rem,2.5vw,1.5rem);font-style:italic;letter-spacing:.05em;opacity:.7}.sara-face-animation{animation:slapAnimation 2s ease-out forwards;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:1000}.sara-face-animation img{border:3px solid #06c;border-radius:50%;box-shadow:0 0 20px #0066cc80;height:80px;object-fit:cover;width:80px}@keyframes slapAnimation{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(5deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}50%{opacity:1;transform:translate(calc(-50% + var(--move-x)*.3),calc(-50% + var(--move-y)*.3)) scale(1.1) rotate(2deg)}70%{opacity:.8;transform:translate(calc(-50% + var(--move-x)*.7),calc(-50% + var(--move-y)*.7)) scale(.9) rotate(-1deg)}to{opacity:0;transform:translate(calc(-50% + var(--move-x)),calc(-50% + var(--move-y))) scale(0) rotate(0deg)}}@media (max-width:768px){.countdown-display{flex-direction:column;gap:1.5rem}.separator{display:none}.countdown-container{padding:1rem}.sara-face-animation img{height:60px;width:60px}}@media (max-width:480px){.time-block{min-width:120px}.sara-face-animation img{height:50px;width:50px}}@media (hover:none) and (pointer:coarse){.App{cursor:default}}
/*# sourceMappingURL=main.06849dc2.css.map*/