@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@1,700&family=Montserrat:ital,wght@1,600;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3c3b4b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.question{--anim-time:1s;height:200px;margin:1% auto;max-width:700px;min-width:600px;position:relative;width:35vw}.question p{word-wrap:break-word;bottom:0;color:#fff;font-size:26px;left:0;margin:auto;padding:0 7%;right:0;text-align:left;top:0;width:100%;z-index:100}.question .box,.question p{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute}.question .box{--perspective:150px;--color:#111;animation:warp2 .8s calc(var(--index)*1s) ease-in-out infinite reverse;background-color:var(--color);min-height:100%;-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(10deg) skewY(0deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(10deg) skewY(0deg);translate:-15%;width:var(--width);width:110%;z-index:20}.question .box.outer{--perspective:152px;scale:1.05 1.1}.question .arrow{--perspective:20px;--color:#111;animation:warp .8s ease-in-out infinite reverse;border-bottom:var(--height) solid transparent;border-left:var(--width) solid var(--color);border-top:var(--height) solid transparent;height:0;margin:0;position:absolute;width:0;z-index:10}.question .arrow.outer{scale:1.2 1.6;translate:0;z-index:0}.question .outer{--color:#fff;z-index:0}#one{--perspective:40px;--height:23px;--width:107px;bottom:30px;left:-194px;rotate:215deg}#two{--perspective:40px;--height:43px;--width:101px;bottom:-5px;left:-145px;rotate:110deg}#three{--perspective:60px;--height:35px;--width:180px;bottom:30px;left:-145px;rotate:220deg}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait){.question{max-width:auto;min-width:400px;scale:.45;translate:-12%;width:140vw}.question p{font-size:30px}}@-webkit-keyframes warp2{0%,to{-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(10deg) skewY(0deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(10deg) skewY(0deg)}20%{-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(12deg) skewY(.1deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(12deg) skewY(.1deg)}40%{-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(7deg) skewY(-.1deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(7deg) skewY(-.1deg)}60%{-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(11deg) skewY(.1deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(11deg) skewY(.1deg)}80%{-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(6deg) skewY(-.2deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(6deg) skewY(-.2deg)}}@keyframes warp2{0%,to{-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(10deg) skewY(0deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(10deg) skewY(0deg)}20%{-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(12deg) skewY(.1deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(12deg) skewY(.1deg)}40%{-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(7deg) skewY(-.1deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(7deg) skewY(-.1deg)}60%{-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(11deg) skewY(.1deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(11deg) skewY(.1deg)}80%{-webkit-transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(6deg) skewY(-.2deg);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(-6deg) skewX(6deg) skewY(-.2deg)}}.chat{--anim-time:1s;margin:10% auto;max-width:800px;min-width:200px;position:relative;scale:.8;-webkit-transform:rotate(8deg);transform:rotate(8deg)}#small{margin:-7% -30%;position:absolute;scale:.65;-webkit-transform:rotateY(190deg) rotate(25deg);transform:rotateY(190deg) rotate(25deg);z-index:2000}#small p{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.chat p{word-wrap:break-word;bottom:0;color:#000;font-size:30px;font-weight:600;left:0;margin:auto;max-width:800px;padding:0 20px;right:0;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:100}.chat .box,.chat p{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute}.chat .box{--perspective:calc(var(--width)/3);--color:#fff;animation:warp calc(var(--anim-time)) ease-in-out infinite reverse;background-color:var(--color);min-height:100%;translate:12% 0;width:var(--width);width:100%;z-index:20}.chat .box.outer{--perspective:calc(var(--width)/4);scale:1.05 1.4;translate:15% 5%}.chat .arrow{--perspective:15px;--height:20px;--width:85px;--color:#fff;animation:warp calc(var(--anim-time)) ease-in-out infinite reverse;border-bottom:var(--height) solid transparent;border-left:var(--width) solid var(--color);border-top:var(--height) solid transparent;bottom:calc(var(--height)*-1);height:0;margin:0;position:absolute;right:calc(var(--width)*-.95);width:0;z-index:10}.chat .arrow.outer{--perspective:14px;scale:1.3 1.5;translate:5%;z-index:0}.chat .outer{--color:#000;animation:warp calc(var(--anim-time)) ease-in-out infinite reverse;z-index:0}@media only screen and (min-device-width:320px) and (max-device-width:480px){.chat:not(#small){margin:12% 0 10vh;scale:.55;translate:calc(50vw - var(--width)/2)}.chat p{font-size:25px}#small{scale:.9}}@-webkit-keyframes grow{0%{scale:.9}to{scale:1.25}}@keyframes grow{0%{scale:.9}to{scale:1.25}}@-webkit-keyframes warp{0%,to{-webkit-transform:perspective(var(--perspective)) rotateX(0) rotateY(8deg) skewX(-10deg) skewY(0);transform:perspective(var(--perspective)) rotateX(0) rotateY(8deg) skewX(-10deg) skewY(0)}20%{-webkit-transform:perspective(var(--perspective)) rotateX(-5deg) rotateY(7.5deg) skewX(-20deg) skewY(-1deg);transform:perspective(var(--perspective)) rotateX(-5deg) rotateY(7.5deg) skewX(-20deg) skewY(-1deg)}40%{-webkit-transform:perspective(var(--perspective)) rotateX(-5deg) rotateY(7.5deg) skewX(-8deg) skewY(-1deg);transform:perspective(var(--perspective)) rotateX(-5deg) rotateY(7.5deg) skewX(-8deg) skewY(-1deg)}60%{-webkit-transform:perspective(var(--perspective)) rotateX(-2deg) rotateY(8deg) skewX(-10deg) skewY(0);transform:perspective(var(--perspective)) rotateX(-2deg) rotateY(8deg) skewX(-10deg) skewY(0)}80%{-webkit-transform:perspective(var(--perspective)) rotateX(-4deg) rotateY(8.5deg) skewX(-12deg) skewY(1deg);transform:perspective(var(--perspective)) rotateX(-4deg) rotateY(8.5deg) skewX(-12deg) skewY(1deg)}}@keyframes warp{0%,to{-webkit-transform:perspective(var(--perspective)) rotateX(0) rotateY(8deg) skewX(-10deg) skewY(0);transform:perspective(var(--perspective)) rotateX(0) rotateY(8deg) skewX(-10deg) skewY(0)}20%{-webkit-transform:perspective(var(--perspective)) rotateX(-5deg) rotateY(7.5deg) skewX(-20deg) skewY(-1deg);transform:perspective(var(--perspective)) rotateX(-5deg) rotateY(7.5deg) skewX(-20deg) skewY(-1deg)}40%{-webkit-transform:perspective(var(--perspective)) rotateX(-5deg) rotateY(7.5deg) skewX(-8deg) skewY(-1deg);transform:perspective(var(--perspective)) rotateX(-5deg) rotateY(7.5deg) skewX(-8deg) skewY(-1deg)}60%{-webkit-transform:perspective(var(--perspective)) rotateX(-2deg) rotateY(8deg) skewX(-10deg) skewY(0);transform:perspective(var(--perspective)) rotateX(-2deg) rotateY(8deg) skewX(-10deg) skewY(0)}80%{-webkit-transform:perspective(var(--perspective)) rotateX(-4deg) rotateY(8.5deg) skewX(-12deg) skewY(1deg);transform:perspective(var(--perspective)) rotateX(-4deg) rotateY(8.5deg) skewX(-12deg) skewY(1deg)}}.App{align-items:center;background-color:#3339;color:#fff;display:flex;font-family:Montserrat,sans-serif;font-weight:600;height:100vh;justify-content:space-around;overflow-y:hidden}.date{display:inline;height:20vh;left:8vw;position:fixed;top:8vh;width:350px}.date,.date .content{-webkit-user-select:none;user-select:none}.date .content{-webkit-appearance:none;appearance:none;background-color:#0000;border:none;color:#fff;cursor:pointer;font-size:72px;left:0;position:relative;text-align:left;top:0;z-index:1000}.date option{color:#000;font:arial;font-size:16px!important;font-weight:400}#day{font-family:Montserrat,sans-serif;font-size:6rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#day,#month{font-weight:700;padding:0}#month{font-size:5rem}#month,.slash{font-family:"IBM Plex Serif",serif}.slash{color:#fff;display:inline-block;font-size:3rem;font-weight:700;left:-5px;margin-right:5px;position:relative;z-index:100}.stroke{-webkit-text-stroke:28px #000;-webkit-text-fill-color:transparent;left:-2px;margin:0;pointer-events:none;position:absolute;top:3px;width:100%;z-index:-50!important}.stroke span{margin:2px}.background{position:fixed;top:20;width:100%;z-index:-1000}.card{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:25vh 0 15vh;max-width:100vw;-webkit-user-select:none;user-select:none}.cardList{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow-x:hidden;width:60vw}.cardList section{height:90%;margin:0;overflow-x:hidden;overflow-y:auto;padding-bottom:5vh;padding-top:5vh;scrollbar-width:none}.cardList section::-webkit-scrollbar{display:none}.button{--offset:10%;background-color:red;border:9px solid #000;cursor:pointer;font-size:28px;font-weight:800;padding:10px 30px;position:fixed;top:45%;-webkit-user-select:none;user-select:none}.button:hover{animation:warp-button 1s ease-in-out infinite reverse}.right{--direction:-1;right:var(--offset);-webkit-transform:perspective(200px) rotateY(-20deg);transform:perspective(200px) rotateY(-20deg)}.left{--direction:1;left:var(--offset);-webkit-transform:perspective(200px) rotateY(20deg);transform:perspective(200px) rotateY(20deg)}.scrollIndicator{--padding:0;bottom:10%;float:right;font-size:24px;padding:var(--padding);position:fixed;right:10%;text-align:center;width:150px;z-index:1000}#mask{-webkit-animation:spin 3s ease-in-out infinite;animation:spin 3s ease-in-out infinite;margin:-20px auto auto;max-width:130px;width:100%}.scrollIndicator .stroke{-webkit-text-stroke:10px #000;left:0;padding:var(--padding);position:absolute;right:0;top:0;z-index:-5}.scrollIndicator h2{margin:0 0 20px}.scrollIndicator svg{-webkit-animation:lightup .99s linear infinite;animation:lightup .99s linear infinite;-webkit-animation-delay:var(--delay);animation-delay:var(--delay);display:block;margin:-20% auto -50%;width:75px}.bmc-btn-container{bottom:10px!important;left:20px!important;position:absolute!important;z-index:1000}@media only screen and (min-device-width:320px) and (max-device-width:480px){.right{right:-3vw}.left{left:-3vw}.date{align-items:center;left:0;margin:0 auto;position:absolute;right:0;scale:.7;text-align:center;top:20px}.stroke #month{margin-left:-4px}.stroke{width:100%}.bmc-btn-container{visibility:hidden}.background{height:100%;margin-left:-25%;position:fixed;width:auto}figure{overflow:hidden}.card{height:35vh;margin-bottom:100px;margin-top:50px;max-width:100vw;padding:0}.cardList{margin-top:0;max-width:100vw;overflow:hidden;padding-top:18vh;width:100vw}.cardList section{height:100%;overflow-x:hidden;overflow-y:scroll}.button{top:7vh;z-index:2001}.button,.button:hover{scale:.7}.scrollIndicator{--padding:20px 0;bottom:-10px;left:0;margin:auto;right:0;scale:.75}.cardList section{padding-bottom:20vh;padding-top:5vh}.date option{font-size:22px!important;scale:1}}@-webkit-keyframes spin{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes spin{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@-webkit-keyframes lightup{0%,5%,95%,to{fill:#fff}50%{fill:#ff2424}}@keyframes lightup{0%,5%,95%,to{fill:#fff}50%{fill:#ff2424}}@-webkit-keyframes dropdown{0%{translate:0 -100%;visibility:visible}to{translate:0}}@keyframes dropdown{0%{translate:0 -100%;visibility:visible}to{translate:0}}@-webkit-keyframes warp-button{0%,to{-webkit-transform:perspective(200px) rotateX(0) rotateY(calc(var(--direction)*20deg)) skewX(-10deg) skewY(0);transform:perspective(200px) rotateX(0) rotateY(calc(var(--direction)*20deg)) skewX(-10deg) skewY(0)}20%{-webkit-transform:perspective(200px) rotateX(-3deg) rotateY(calc(var(--direction)*22.5deg)) skewX(-20deg) skewY(-5deg);transform:perspective(200px) rotateX(-3deg) rotateY(calc(var(--direction)*22.5deg)) skewX(-20deg) skewY(-5deg)}40%{-webkit-transform:perspective(200px) rotateX(-3deg) rotateY(calc(var(--direction)) * 20deg) skewX(-8deg) skewY(-5deg);transform:perspective(200px) rotateX(-3deg) rotateY(calc(var(--direction)) * 20deg) skewX(-8deg) skewY(-5deg)}60%{-webkit-transform:perspective(200px) rotateX(-2deg) rotateY(calc(var(--direction)*23deg)) skewX(-10deg) skewY(0);transform:perspective(200px) rotateX(-2deg) rotateY(calc(var(--direction)*23deg)) skewX(-10deg) skewY(0)}80%{-webkit-transform:perspective(200px) rotateX(-4deg) rotateY(calc(var(--direction)*20.5deg)) skewX(-12deg) skewY(5deg);transform:perspective(200px) rotateX(-4deg) rotateY(calc(var(--direction)*20.5deg)) skewX(-12deg) skewY(5deg)}}@keyframes warp-button{0%,to{-webkit-transform:perspective(200px) rotateX(0) rotateY(calc(var(--direction)*20deg)) skewX(-10deg) skewY(0);transform:perspective(200px) rotateX(0) rotateY(calc(var(--direction)*20deg)) skewX(-10deg) skewY(0)}20%{-webkit-transform:perspective(200px) rotateX(-3deg) rotateY(calc(var(--direction)*22.5deg)) skewX(-20deg) skewY(-5deg);transform:perspective(200px) rotateX(-3deg) rotateY(calc(var(--direction)*22.5deg)) skewX(-20deg) skewY(-5deg)}40%{-webkit-transform:perspective(200px) rotateX(-3deg) rotateY(calc(var(--direction)) * 20deg) skewX(-8deg) skewY(-5deg);transform:perspective(200px) rotateX(-3deg) rotateY(calc(var(--direction)) * 20deg) skewX(-8deg) skewY(-5deg)}60%{-webkit-transform:perspective(200px) rotateX(-2deg) rotateY(calc(var(--direction)*23deg)) skewX(-10deg) skewY(0);transform:perspective(200px) rotateX(-2deg) rotateY(calc(var(--direction)*23deg)) skewX(-10deg) skewY(0)}80%{-webkit-transform:perspective(200px) rotateX(-4deg) rotateY(calc(var(--direction)*20.5deg)) skewX(-12deg) skewY(5deg);transform:perspective(200px) rotateX(-4deg) rotateY(calc(var(--direction)*20.5deg)) skewX(-12deg) skewY(5deg)}}
/*# sourceMappingURL=main.c78626be.css.map*/