@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";nav{background-color:var(--background);border-bottom:1px solid var(--primary);justify-content:center;align-items:center;gap:2rem;height:5rem;display:flex}#nav-logo{cursor:pointer;height:3rem;padding:.75rem}.nav-link{color:var(--text);align-items:center;height:3rem;padding:1rem;text-decoration:none;display:flex;position:relative}.nav-link:after{content:"";background-color:var(--secondary);transform-origin:100%;width:100%;height:4px;box-shadow:0 0 1rem var(--secondary);border-radius:1rem;transition:transform .5s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}@media (width<=600px){nav{gap:1rem}#nav-home-link{display:none}}.welcome-banner{background-color:var(--main);color:var(--text);text-align:center;max-width:80vw;margin:3rem auto;padding:3rem}.welcome-banner-name{color:var(--secondary);font-size:inherit;cursor:pointer;font-size:clamp(2.2rem,5vw,4rem);text-decoration:none;display:inline-block;position:relative}.welcome-banner-name:after{content:"";background-color:var(--secondary);width:100%;height:4px;box-shadow:0 0 1rem var(--secondary);transition:transform .5s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.welcome-banner-name:hover:after{transform:scaleX(1)}@media (width<=600px){.welcome-banner-name{font-size:1rem}}.live-clock{background-color:var(--primary);text-align:center;border-radius:.5rem;flex-direction:column;gap:1rem;width:max-content;margin-inline:auto;padding:2rem 5rem;display:flex}.live-clock:hover{color:var(--secondary);border:2px solid var(--secondary)}.live-clock-div{gap:1rem;display:flex}@media (width<=600px){.live-clock{padding:1rem 2rem}.live-clock-div{flex-direction:column}}footer{background-color:var(--primary);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);height:600px;margin-top:5rem;position:relative}.footer-fixed{flex-direction:column;justify-content:space-between;width:100%;height:600px;display:flex;position:fixed;bottom:0}.footer-content{justify-content:space-between;padding:4rem;display:flex}.footer-elgroup{flex-direction:column;gap:1rem;display:flex}.footer-elgroup a{text-decoration:none}.footer-elgroup a:hover{text-decoration:underline}.footer-nav{flex-direction:column;align-items:center;gap:1rem;display:flex}.footer-nav a{text-decoration:none}.footer-nav a:hover{text-decoration:underline}.footer-author{text-align:center;margin-bottom:4rem;-webkit-user-select:none;user-select:none;width:max-content;height:max-content;margin-inline:auto}.footer-author:hover{color:var(--secondary);cursor:grab}.footer-author:active{cursor:grabbing}@media (width<=600px){.footer-content{flex-direction:column;justify-content:flex-start;align-items:center;gap:4rem;padding:2rem}.footer-elgroup{align-items:center}}.banner{margin:3rem;padding:3rem}.banner-title{text-align:center}.card{background-color:var(--primary);border-radius:.5rem;max-width:100%;margin:1rem;padding:1rem;text-decoration:none}.card:hover{border:2px solid var(--text)}@media (width<=600px){.card{margin:.5rem;padding:.5rem}}.time-progress{background-color:var(--primary);text-align:center;border-radius:.5rem;flex-direction:column;flex-grow:1;gap:1rem;margin-inline:auto;padding:2rem 5rem;display:flex}.time-progress:hover{color:var(--secondary);border:2px solid var(--secondary)}progress{appearance:none;width:100%;height:2rem}progress::-webkit-progress-bar{background-color:var(--secondary);border-radius:.5rem}progress::-webkit-progress-value{background-color:var(--accent);border-radius:.5rem}@media (width<=600px){.time-progress{padding:1rem 2rem}progress{height:1rem}}:root{--background:#0a0f2d;--text:#fbfffe;--primary:#654597;--secondary:#e6af2e;--accent:#ee4266}*{box-sizing:border-box;margin:0;padding:0;font-family:JetBrains Mono,system-ui,sans-serif;font-size:16px}body{background-color:var(--background);color:var(--text)}h1{font-size:clamp(2.2rem,5vw,4rem)}h2{font-size:clamp(2rem,4.5vw,3.5rem)}h3{font-size:clamp(1.8rem,4vw,3rem)}h4{font-size:clamp(1.6rem,3.5vw,2.5rem)}h5{font-size:clamp(1.4rem,3vw,2rem)}h6{font-size:clamp(1.2rem,2.5vw,1.5rem)}p,a{font-size:clamp(.8rem,1.5vw,1rem)}a{color:var(--text)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-inline:4rem;display:grid}.clock-container{flex-wrap:wrap;align-content:stretch;gap:2rem;margin:5rem;padding:1rem;display:flex}@media (width<=600px){.card-grid{grid-template-columns:auto;margin-inline:1rem}.clock-container{gap:1rem;margin:1rem}}