@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Engagement&family=Shrikhand&display=swap");main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;box-sizing:border-box}main h1{text-align:center;font-family:Cormorant;font-weight:700;margin-bottom:20px;font-size:clamp(2rem,5vw,3rem)}.clock-container{border:35px solid black;width:min(500px,90vw);height:min(600px,80vh);max-width:500px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;box-sizing:border-box}@media (max-width:768px){main{padding:10px}.clock-container{border-width:20px;width:min(400px,95vw);height:min(500px,85vh)}}.clock{width:min(200px,40vw);height:min(200px,40vw);border:8px solid rgba(255,255,255,0);border-radius:50%;position:relative;margin:40px auto;max-width:200px;max-height:200px}@media (max-width:768px){.clock{width:min(150px,35vw);height:min(150px,35vw);margin:20px auto}}.hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom;background:#333;transform:rotate(0deg)}.hand.hour{height:50px;width:6px;background:#333}.hand.minute{height:70px;width:4px;background:#666}.hand.second{height:90px;width:2px;background:red}.center{width:12px;height:12px;background:#333;border-radius:50%;top:50%;left:50%}.center,.number{position:absolute;transform:translate(-50%,-50%)}.number{font-family:Shrikhand;font-size:clamp(1.5rem,4vw,2.5rem);color:#000}.tick{position:absolute;width:4px;height:clamp(20px,5vw,30px);background:#000;transform-origin:center bottom}@media (max-width:768px){.number{font-size:clamp(1.2rem,3.5vw,2rem)}.tick{width:3px;height:clamp(15px,4vw,25px)}}.bottom-section{background-color:red;height:calc(100% / 4);width:100%;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;overflow:hidden}.slop-text{color:white;font-family:Engagement,cursive;font-weight:400;font-style:normal;font-size:clamp(2rem,6vw,60px);text-align:center;line-height:1;max-width:100%;word-wrap:break-word}.clock-header{font-family:Cormorant;font-weight:700;text-align:center;font-size:clamp(1.2rem,3vw,1.5rem);margin:10px 0}@media (max-width:768px){.slop-text{font-size:clamp(2rem,6vw,60px)}.clock-header{font-size:clamp(1rem,2.5vw,1.3rem);margin:5px 0}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}