:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:100vw;min-height:100vh}body{color:#fff;font-family:JetBrains Mono Variable,monospace;box-sizing:border-box;background-color:#242424;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;background-position:-1px -1px;animation:moveGrid 3s linear infinite;border:white 2px dashed}@keyframes moveGrid{0%{background-position:0 0}to{background-position:50px 50px}}.info-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.info-box>.title{font-size:max(1.1vw,12px);text-align:center;font-weight:700}.info-box>.content{background-color:#fff;color:#000;text-align:center;padding:1.5vw 5.5vw}.info-box>.content>p{margin:0;line-height:1}.info-box>.content>.clock{font-size:max(3.2vw,16px)}.info-box>.content>.window-size{padding-top:.5vw;font-size:max(1.15vw,12px)}.color-bar{display:flex;width:100%;height:15px;background:gray}.color-square{flex:1}