@media screen and (max-width: 500px){body{font-size:12px}}@media screen and ((max-width: 200px) or (max-height: 200px)){body{font-size:10px}}@media screen and ((max-width: 150px) or (max-height: 150px)){body .clock .year,body .clock .month,body .clock .day,body .clock .season{display:none}}@media screen and ((max-width: 130px) or (max-height: 130px)){body{font-size:10px}body .text{gap:0}body .hour{margin-left:-3em}body .second{margin-left:3em}}@media screen and ((max-width: 100px) or (max-height: 100px)){body{font-size:8px}body .clock .text{gap:0}body .clock .hour{margin-left:-3em}body .clock .second{margin-left:3em}}.clock{width:100%;height:100%;transition:background ease-in-out .5s;position:relative;display:flex;align-items:center;justify-content:center;font-size:2em}.clock .year{position:absolute;top:0;left:4px}.clock .month{position:absolute;bottom:0;left:4px}.clock .day{position:absolute;bottom:0;right:4px}.clock .season{position:absolute;top:0;right:4px}.clock .visits{position:absolute;top:0;word-break:break-all;font-size:1em;filter:blur(2px) hue-rotate(-45deg) contrast(160%);color:var(--background);z-index:0}.clock .visits:hover{filter:blur(0px) hue-rotate(-45deg) contrast(160%)}.clock .minute,.clock .hour,.clock .second{text-shadow:var(--shadow-x) var(--shadow-y) 6px var(--shadow-color);transition:text-shadow .5s linear}.clock .text{display:flex;flex-direction:column;align-items:center;gap:.5em}.clock .hour{margin-left:-5em;transition-duration:1s}.clock .second{margin-left:5em;transition-duration:.2s}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html,body,#root{height:100vh}