@import "https://fonts.googleapis.com/css2?family=Rajdhani&display=swap";:root{--color1:oklch(26.2% .051 172.552);--color2:oklch(37.8% .077 168.94);--color-text:oklch(97.9% .021 166.113);--color-text2:oklch(43.2% .095 166.913)}*{box-sizing:border-box;font-optical-sizing:auto}html,body{border:none;width:100%;height:100%;margin:0;padding:0;font:700 36px Rajdhani}.app{background:radial-gradient(var(--color2), var(--color1));width:100%;height:100%;color:var(--color-text);flex-direction:column;justify-content:center;align-items:center;display:flex}.app .text{color:var(--color-text2);display:inline-block}.app .active{color:var(--color-text)}.app .seconds{background:oklch(26.2% .051 172.552/.4);width:calc(100% + 40px);margin:10px 0;padding:10px 20px;font-size:12px;display:block;position:relative;left:-20px}.app .hidden{display:none}#clock{text-align:justify;text-align-last:justify;-webkit-backdrop-filter:blur(5px);width:800px;box-shadow:0 0 10px 0 var(--color1);border:1px solid var(--color2);background:oklch(97.9% .021 166.113/.01);border-radius:10px;margin:0 auto;padding:10px 20px}#credits{border:1px solid var(--color2);box-shadow:0 0 10px 0 var(--color1);background:oklch(97.9% .021 166.113/.05);border-bottom:none;border-radius:3px 3px 0 0;margin:0 auto;padding:5px 20px 4px;font-size:16px;position:absolute;bottom:0}#credits a{color:var(--color-text);text-decoration:none}