.App{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}body.light-theme{background:#e6e6e6;transition:color .5s,text-shadow .5s,box-shadow .5s,background .5s}body.light-theme .flip-clock .flip-clock-group .flip-clock-label.flip-clock-meridium{color:#666;text-shadow:0 1px 2px #000000b3}body.light-theme .flip-clock .flip-clock-group .flip-clock-list{box-shadow:0 2px 5px #000000b3;color:#333;text-shadow:0 1px 2px #000}body.light-theme .flip-clock .flip-clock-group .flip-clock-list .before .top:after{background:linear-gradient(180deg,#0000001a 0,#000000b3)}body.light-theme .flip-clock .flip-clock-group .flip-clock-list .before .bottom:after{background:linear-gradient(180deg,#000000b3 0,#0000001a)}body.light-theme .flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom,body.light-theme .flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top{background:#d9d9d9}body.light-theme .flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top:before{background:#000;opacity:.4}body.light-theme .flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom:before{background:#bfbfbf;opacity:.4}body.light-theme .flip-clock .flip-clock-divider:after,body.light-theme .flip-clock .flip-clock-divider:before{background:#666;box-shadow:0 0 3px .5px #00000080}.tooltip-btn{cursor:pointer;position:relative}.tooltip-btn:hover:before{background-color:#ccc;border-radius:10px;color:#000;content:attr(data-tooltip);font-size:.5em;font-weight:600;left:50%;opacity:.9;padding:.5em .6em;position:absolute;top:100%;transform:translateX(-50%) translateY(30%);visibility:visible;white-space:nowrap;z-index:999}body.light-theme .tooltip-btn:hover:before{background-color:#333;color:#fff}.sidebar{align-items:center;background-color:#ffffff4d;background:#333;border-radius:30px;bottom:30px;box-shadow:0 2px 5px #000000b3;display:flex;gap:40px;justify-content:center;padding:20px 30px;position:fixed;text-shadow:0 1px 2px #000;transition:opacity .3s;z-index:20}.sidebar.hidden{opacity:0;pointer-events:none}.social-media-buttons{display:flex;gap:40px}.sidebar button{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;font-size:25px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.sidebar button:hover{transform:scale(1.1);transition:transform .3s ease}body.light-theme .sidebar{background:#d9d9d9;box-shadow:0 2px 5px #000000b3;text-shadow:0 1px 2px #000}body.light-theme .sidebar button{color:#333}.flip-clock{align-items:flex-end;box-sizing:border-box;display:inline-flex;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:16px;font-size:1vw;position:relative;text-align:center;user-select:none;-webkit-user-select:none;width:100%}.flip-clock .flip-clock-group{align-items:center;display:flex;justify-content:center;position:relative}.flip-clock .flip-clock-group .flip-clock-label{font-size:1em;font-weight:400;height:2em;left:0;line-height:2em;position:absolute;text-transform:capitalize;top:0;transform:translateY(-100%);width:100%}.flip-clock .flip-clock-group .flip-clock-label.flip-clock-meridium{align-items:center;color:grey;display:flex;flex:0 1;font-size:1.75em;font-weight:900;justify-content:center;line-height:1.75em;margin-left:1rem;position:relative;text-shadow:0 1px 2px #000;text-transform:uppercase;transform:translateY(-1%);width:auto}.flip-clock .flip-clock-group .flip-clock-list{border-radius:.75rem;box-shadow:0 1.5px 3px #0000003d,0 3px 8px #0000000d;box-shadow:0 2px 5px #000000b3;color:#ccc;font-weight:700;height:6em;position:relative;text-shadow:0 1px 2px #000;width:4em}.flip-clock .flip-clock-group .flip-clock-list:not(:last-child){margin-right:1em}.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .active .flip-clock-list-item-inner{z-index:4}.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .flip-clock-list-item-inner .bottom:after,.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .flip-clock-list-item-inner .top:after{display:none}.flip-clock .flip-clock-group .flip-clock-list.flip{animation-delay:.5s;animation-duration:.5s}.flip-clock .flip-clock-group .flip-clock-list.flip .flip-clock-list-item-inner{perspective:15em}.flip-clock .flip-clock-group .flip-clock-list.flip .active,.flip-clock .flip-clock-group .flip-clock-list.flip .active>div,.flip-clock .flip-clock-group .flip-clock-list.flip .before,.flip-clock .flip-clock-group .flip-clock-list.flip .before>div,.flip-clock .flip-clock-group .flip-clock-list.flip .bottom,.flip-clock .flip-clock-group .flip-clock-list.flip .top{animation-delay:inherit;animation-duration:inherit;animation-fill-mode:forwards;animation-timing-function:ease-in}.flip-clock .flip-clock-group .flip-clock-list.flip .active:after,.flip-clock .flip-clock-group .flip-clock-list.flip .active>div:after,.flip-clock .flip-clock-group .flip-clock-list.flip .before:after,.flip-clock .flip-clock-group .flip-clock-list.flip .before>div:after,.flip-clock .flip-clock-group .flip-clock-list.flip .bottom:after,.flip-clock .flip-clock-group .flip-clock-list.flip .top:after{animation-duration:inherit;animation-fill-mode:inherit;animation-timing-function:inherit}.flip-clock .flip-clock-group .flip-clock-list.flip .before{animation-delay:0s}.flip-clock .flip-clock-group .flip-clock-list.flip .before .top{animation-name:flip-top}.flip-clock .flip-clock-group .flip-clock-list.flip .before .bottom:after,.flip-clock .flip-clock-group .flip-clock-list.flip .before .top:after{animation-name:show-shadow}.flip-clock .flip-clock-group .flip-clock-list.flip .active>div{animation-name:indexing}.flip-clock .flip-clock-group .flip-clock-list.flip .active .bottom:after,.flip-clock .flip-clock-group .flip-clock-list.flip .active .top:after{animation-delay:75ms;animation-name:hide-shadow}.flip-clock .flip-clock-group .flip-clock-list.flip .active .bottom{animation-name:flip-bottom}.flip-clock .flip-clock-group .flip-clock-list .active{z-index:2}.flip-clock .flip-clock-group .flip-clock-list .active .bottom{transform-origin:top center;z-index:2}.flip-clock .flip-clock-group .flip-clock-list .before{z-index:3}.flip-clock .flip-clock-group .flip-clock-list .before .top{transform-origin:bottom center;z-index:2}.flip-clock .flip-clock-group .flip-clock-list .before .top:after{background:linear-gradient(180deg,#0000001a 0,#000)}.flip-clock .flip-clock-group .flip-clock-list .before .bottom:after{background:linear-gradient(180deg,#000 0,#0000001a)}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner{height:100%;position:absolute;transform:rotateX(.0001deg);width:100%}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner:first-child{z-index:2}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom,.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top{background:#333;font-size:4.5em;height:50%;overflow:hidden;position:relative;width:100%}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom:after,.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top:after{bottom:0;content:" ";display:block;left:0;overflow:hidden;position:absolute;right:0;top:0}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom:before,.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top:before{content:" ";display:block;height:1px;position:absolute;width:100%}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top{border-radius:.75rem .75rem 0 0;line-height:1.33333}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top:after{border-radius:.75rem .75rem 0 0}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top:before{background:#000;bottom:0;opacity:.4}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom{border-radius:0 0 .75rem .75rem;line-height:0}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom:after{border-radius:0 0 .75rem .75rem}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom:before{background:#ccc;opacity:.1}.flip-clock .flip-clock-divider{height:6em;position:relative;width:2.5em}.flip-clock .flip-clock-divider:after,.flip-clock .flip-clock-divider:before{background:grey;border-radius:50%;box-shadow:0 0 5px 1px #00000080;content:" ";display:block;height:.75em;left:50%;position:absolute;top:50%;width:.75em}.flip-clock .flip-clock-divider:before{transform:translate(-50%,75%)}.flip-clock .flip-clock-divider:after{transform:translate(-50%,-175%)}@keyframes indexing{0%{z-index:2}1%{z-index:3}to{z-index:4}}@keyframes flip-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes show-shadow{0%{opacity:0}to{opacity:1}}@keyframes hide-shadow{0%{opacity:1}to{opacity:0}}.music-player-window{align-items:center;background:#333;border-radius:30px;bottom:30px;box-shadow:0 2px 5px #000000b3;display:flex;flex-direction:column;justify-content:center;position:fixed;right:30px;text-shadow:0 1px 2px #000;transition:opacity .5s ease-in-out;z-index:10}.music-player-window.hidden{opacity:0;pointer-events:none}.music-player-window iframe{border-radius:15px;margin:30px 30px 0}.music-player-window .player-controls{align-items:center;display:flex;gap:20px;justify-content:flex-end;padding:20px 30px;width:100%}.music-player-window .player-controls button{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;font-size:25px;height:30px;justify-content:center;width:30px}.music-player-window .player-controls button:hover{transform:scale(1.1);transition:transform .3s ease}.music-player-window .player-controls .vertical-bar{color:#ccc3;font-size:30px}body.light-theme .music-player-window{background:#d9d9d9;box-shadow:0 2px 5px #000000b3;text-shadow:0 1px 2px #000}body.light-theme .music-player-window .player-controls button{color:#333}body.light-theme .music-player-window .player-controls .vertical-bar{color:#3333}.resizable-bar{align-items:center;background-color:#ffffff4d;background:#333;border-radius:50px;bottom:120px;box-shadow:0 2px 5px #000000b3;display:flex;gap:30px;justify-content:center;padding:20px 30px;position:fixed;text-shadow:0 1px 2px #000;transition:opacity .3s;z-index:20}.resizable-bar.hidden{opacity:0;pointer-events:none}.resizable-bar input{cursor:ew-resize;filter:grayscale(1) contrast(5) brightness(.9) invert(1);width:150px}.resize-icon{color:#ccc;cursor:pointer;font-size:18px}body.light-theme .resizable-bar{background:#d9d9d9;box-shadow:0 2px 5px #000000b3;text-shadow:0 1px 2px #000}body.light-theme .resizable-bar input{filter:grayscale(1) contrast(5) brightness(.5) invert(.2)}body.light-theme .resize-icon{color:#333}*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a1a;transition:color .5s,text-shadow .5s,box-shadow .5s,background .5s}#root,body{align-items:center;display:flex;justify-content:center;min-height:100vh}#root{width:100%}
/*# sourceMappingURL=main.e0234fe3.css.map*/