@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";.react-switch-checkbox{height:0;width:0;visibility:hidden}.hoverzone{position:absolute;z-index:1;top:0;right:0;width:15vw;height:15vw}.hoverzone:hover~.nav-bar{opacity:1}.react-switch-label{position:relative;display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:50px;height:25px;background:hsla(0,0%,100%,.2);box-shadow:inset 0 0 5px 0 rgba(0,0,0,.5);border-radius:5px;transition:background-color .2s}.react-switch-label .react-switch-button{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:inherit;transition:.2s;background:#fff;box-shadow:0 0 2px 0 hsla(0,0%,4%,.29);display:flex;align-items:center;justify-content:center}.react-switch-checkbox:checked+.react-switch-label .react-switch-button{left:calc(100% - 2px);transform:translateX(-100%)}.react-switch-label:active .react-switch-button{width:50%}:root{--blue:#1e90ff;--white:#fff;--cardColor:#0f0f0f;--fontColor:#bababa;--borderRadius:2rem;--fontSize:20rem;--borderThickness:0.2rem;--borderColor:#0f0f0f;--widthFaktor:1.2;--heightFaktor:1.3}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Anton,sans-serif;background:transparent;transition:all .5s ease;background:#000;-moz-user-select:none;user-select:none;-webkit-user-select:none}a{color:inherit;text-decoration:none}*{box-sizing:border-box}html{color-scheme:dark}.container{padding:0 2rem;overflow:hidden;position:relative}.main{--fontSize:clamp(0.5rem,calc(24vw),20rem);min-height:100vh;padding:4rem 0;display:flex;justify-content:center;align-items:center}.daytime{z-index:1;top:15px;left:16px;font-size:2rem}.daytime,.weekday{position:absolute;color:var(--fontColor)}.weekday{bottom:-40px;right:16px}.flipClock{position:relative;display:flex;gap:10px}.flipUnitContainer{display:block;position:relative;perspective-origin:50% 50%;width:calc(var(--fontSize)*var(--widthFaktor));height:calc(var(--fontSize)*var(--heightFaktor));perspective:700px;border-radius:var(--borderRadius)}.lowerCard,.upperCard{display:flex;position:relative;justify-content:center;width:100%;height:50%;overflow:hidden}.lowerCard span,.upperCard span{font-size:var(--fontSize);font-weight:lighter;color:var(--fontColor)}.upperCard{align-items:flex-end;border-bottom:var(--borderThickness) solid var(--borderColor);border-top-left-radius:var(--borderRadius);border-top-right-radius:var(--borderRadius);background-color:var(--cardColor)}.upperCard span{transform:translateY(50%)}.lowerCard{align-items:flex-start;border-top:var(--borderThickness) solid var(--borderColor);border-bottom-left-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);background-color:var(--cardColor)}.lowerCard span{transform:translateY(-50%)}.flipCard{display:flex;justify-content:center;position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipCard span{font-size:var(--fontSize);font-weight:lighter;color:var(--fontColor)}.flipCard.unfold{top:50%;align-items:flex-start;transform-origin:50% 0;transform:rotateX(180deg);border-top:var(--borderThickness) solid var(--borderColor);background-color:var(--cardColor);border-bottom-left-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}.flipCard.unfold span{transform:translateY(-50%)}.flipCard.fold{top:0;align-items:flex-end;transform-origin:50% 100%;border-top-left-radius:var(--borderRadius);border-top-right-radius:var(--borderRadius);border-bottom:var(--borderThickness) solid var(--borderColor);background-color:var(--cardColor)}.flipCard.fold span{transform:translateY(50%)}.fold{animation:fold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards}.fold,.unfold{transform-style:preserve-3d;z-index:5}.unfold{animation:unfold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards}.tooltip{position:absolute;pointer-events:none;font-family:Courier New,Courier,monospace;bottom:0;right:0;opacity:0;transform:translate(-20px,100%);transition:all .5s ease;background:hsla(0,0%,80%,.1);padding:10px 20px;border-radius:2px}.wakelock{display:flex;margin-right:20px}.wakelock:hover{cursor:pointer}.wakelock:hover .tooltip{opacity:1}.nav-bar{position:fixed;display:flex;align-items:center;justify-content:flex-end;z-index:2;width:100%;height:50px;transition:all .5s ease;opacity:0}.nav-bar:hover{opacity:1}.notion{--fontSize:clamp(0.5rem,calc(40vw),100vw);--cardColor:#1d1d1d;--borderColor:#1d1d1d;--fontColor:#ddd;--widthFaktor:1.2;--heightFaktor:1.5;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.notion-dark{background:#191919;--cardColor:#ddd;--fontColor:#1d1d1d;--borderColor:#1d1d1d}@media(min-width:1000px){.notion{display:flex;justify-content:center;align-items:center}}@media(max-width:1000px){.flipUnitContainer{--borderThickness:3px;position:relative}.daytime{display:none;font-size:clamp(.5rem,3vw,5vw)}.notion .daytime{display:block;top:.5rem;font-size:clamp(.5rem,5vw,5vw)}.weekday{position:absolute;top:-30px;right:16px;color:var(--fontColor)}}@media(max-width:500px){.flipUnitContainer{--borderRadius:1rem;--borderThickness:0.7vw}}@keyframes fold{5%{transform:rotateX(0deg)}to{transform:rotateX(-180deg)}}@keyframes unfold{5%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}