@import"https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;500;600;700&display=swap";#app{height:100%}main{height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--base-back);color:var(--base-text);flex-direction:column}::selection{background:var(--base-select)}p,h1,h2{padding:.1em;border-radius:.1em;margin:.2rem;text-align:center}.accent{color:var(--accent-text);background:var(--accent-back)}.accent::selection{background:var(--accent-select)}:root{--blue-back: #364954;--blue-select: #529cca7f;--blue-text: #529cca;--brown-back: #434040;--brown-select: #9372647f;--brown-text: #937264;--default-back: #2f3437;--default-select: #505558;--default-text: #ffffffe5;--gray-back: #454b4e;--gray-select: #979a9b7f;--gray-text: #979a9bf2;--green-back: #354c4b;--green-select: #4dab9a7f;--green-text: #4dab9a;--orange-back: #594a3a;--orange-select: #ffa3447f;--orange-text: #ffa344;--pink-back: #533b4c;--pink-select: #e255a17f;--pink-text: #e255a1;--purple-back: #443f57;--purple-select: #9a6dd77f;--purple-text: #9a6dd7;--red-back: #594141;--red-select: #ff73697f;--red-text: #ff7369;--yellow-back: #59563b;--yellow-select: #ffdc497f;--yellow-text: #ffdc49}main[data-theme=light]{--blue-back: #ddebf1;--blue-select: #0078df33;--blue-text: #0b6e99;--brown-back: #e9e5e3;--brown-select: #8c2e0033;--brown-text: #64473a;--default-back: #ffffff;--default-select: #cecdca7f;--default-text: #37352f;--gray-back: #ebeced;--gray-select: #9b9a9766;--gray-text: #9b9a97;--green-back: #ddedea;--green-select: #00876b33;--green-text: #0f7b6c;--orange-back: #faebdd;--orange-select: #f55d0033;--orange-text: #d9730d;--pink-back: #f4dfeb;--pink-select: #dd008133;--pink-text: #ad1a72;--purple-back: #eae4f2;--purple-select: #6724de33;--purple-text: #6940a5;--red-back: #fbe4e4;--red-select: #ff001a33;--red-text: #e03e3e;--yellow-back: #fbf3db;--yellow-select: #e9a80033;--yellow-text: #dfab01}.clock_digital{display:flex;justify-content:center;align-items:center;flex-direction:column}.clock_digital[data-orientation=horizontal]{flex-direction:row}html{height:100%;width:100%;font-family:Azeret Mono,monospace}body{margin:0;height:100%}