@import url(https://fonts.googleapis.com/css?family=Inter:regular,bold,italic&subset=latin,latin-ext);@import url(https://fonts.googleapis.com/css?family=Pacifico:regular,bold,italic&subset=latin,latin-ext);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}*,:after,:before{box-sizing:border-box}html{--color-brand:#7f50ff;--color-yellow:#ddb724;--color-orange:#d19245;--color-off-black:#352d2a;--color-grey:#6c6c6c;--color-white:#e3dfc6;--color-bone:#e7e4d5;--color-main:#8cd1b3;--color-main-lighten:#afdbbf;--color-main-lighten2:#b2efcd;--color-main-dark:#84a782;--color-science:#52dd8e;--color-art:#fac55a;--color-entertainment:#ee6bd8;--color-geography:#74adf1;--color-sports:#f68d66;--color-history:#d076fd;--color-backing-top:#4e79ad;--color-backing-light1:#b6cff3;--color-backing-light2:#c8dcf1;--color-backing-light3:#88b4ed;--color-backing-light4:#2f5c8c;--main-bg-color:#8cd1b3;--border-radius:1.5rem;font-size:56.25%;overflow:scroll}body{background-color:offwhite;color:#352d2a;color:var(--color-off-black);min-height:100vh}h1{color:#7f50ff;color:var(--color-brand);font-family:Pacifico,cursive;font-size:6rem;line-height:1.3;margin:0 0 2rem;padding:1rem;text-align:center}.accordion-wrapper{max-height:0;opacity:0;overflow:hidden;transition:max-height .8s ease,opacity .8s ease}.customization-option{display:block}.customization-option .checkbox-container.science{background-color:#52dd8e;background-color:var(--color-science)}.customization-option .checkbox-container.art{background-color:#fac55a;background-color:var(--color-art)}.customization-option .checkbox-container.entertainment{background-color:#ee6bd8;background-color:var(--color-entertainment)}.customization-option .checkbox-container.geography{background-color:#74adf1;background-color:var(--color-geography)}.customization-option .checkbox-container.sports{background-color:#f68d66;background-color:var(--color-sports)}.customization-option .checkbox-container.history{background-color:#d076fd;background-color:var(--color-history)}.customization-option .checkbox-container{align-items:center;color:#fff;display:block;display:flex;font-weight:700;margin-bottom:1rem;padding:1rem;text-transform:uppercase}.customization-option input[type=checkbox]{height:2rem;margin-right:1rem;width:2rem}.customization-option input[type=checkbox]:hover{cursor:pointer}.accordion-wrapper.open{max-height:1000px;opacity:1}.customization-option{position:relative}.cog-icon{color:#fff;font-size:1.5rem;margin-left:auto}.cog-icon,.cog-icon:hover{cursor:pointer;transition:all .15s}.cog-icon:hover{color:#e8e8e8}.slider-labels{display:flex;justify-content:space-between;margin-top:1.5rem}.slider-dropdown{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.slider-dropdown.visible{max-height:100px;padding-bottom:1rem}.slider-dropdown .range-slider{margin-top:10px}.card span,p{font-family:Inter,cursive}.menu{border:8px solid #7f50ff;border:8px solid var(--color-brand);border-radius:9px;display:flex;flex-direction:column;justify-content:center;margin:2rem;min-height:calc(100vh - 4rem);min-width:calc(100vw - 4rem);padding:3rem}@media screen and (min-width:600px){.menu{margin:0;min-height:auto;min-width:auto;padding:4rem 6rem}}.card-scene{height:37rem;perspective:600px;width:27rem}@media screen and (min-width:600px){.card-scene{height:47rem;width:37rem}}.arrow-icon{margin-right:1rem}button{align-items:center;background:none;border:3px solid #7f50ff;border:3px solid var(--color-brand);border-radius:5px;color:#7f50ff;color:var(--color-brand);display:flex;font-size:2rem;font-weight:700;justify-content:center;margin-bottom:2rem;padding:1rem 2rem;transition:all .15s}.back-button{margin-top:2rem}button:hover{background-color:#7f50ff;background-color:var(--color-brand);color:#fff;cursor:pointer;transform:scale(1.05);transition:all .15s}@keyframes cardAppear{0%{transform:rotate(15deg) translate3d(0,-100vh,0)}30%{transform:rotate3d(0,0,0,0deg) translateZ(0)}65%{transform:rotate3d(0,0,0,0deg) translateZ(0) scaleX(1)}80%{transform:rotate(-5deg) scale3d(1.05,1.05,1)}}.card{height:100%;position:relative;transform:rotateY(180deg);transform-style:preserve-3d;width:100%;&.card--flipped{animation:cardFlip .175s linear forwards}&.card--unflip{animation:cardUnFlip .175s linear forwards}}@keyframes cardFlip{0%{transform:rotate(0deg) rotateY(180deg)}50%{transform:rotate(-10deg) rotateY(90deg)}to{transform:rotate(0deg) rotateY(0deg)}}@keyframes cardUnFlip{0%{transform:rotate(0deg) rotateY(0deg)}50%{transform:rotate(-10deg) rotateY(90deg)}to{transform:rotate(0deg) rotateY(180deg)}}.card-backing{background-color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;transform:rotateY(180deg);width:100%;z-index:4;.back-main{background:#b6cff3;background:var(--color-backing-light1);background:linear-gradient(135deg,#b6cff3 0 25%,#c8dcf1 25% 50%,#88b4ed 50% 75%,#2f5c8c 75%);background:linear-gradient(135deg,var(--color-backing-light1) 0 25%,var(--color-backing-light2) 25% 50%,var(--color-backing-light3) 50% 75%,var(--color-backing-light4) 75%);border-radius:0 0 3px 3px;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between;width:100%;z-index:1}}.stars-container{bottom:1rem;left:0;position:absolute;right:0;text-align:center}.difficulty,.stars-container span{font-weight:700}.difficulty{display:block;margin-bottom:1.75rem}.card-header{background-color:#88b4ed;background-color:var(--color-backing-light3);padding:.25rem;position:relative;h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 1rem;text-align:center;text-transform:uppercase}}.card-header.science{background-color:#52dd8e;background-color:var(--color-science)}.card-header.art{background-color:#fac55a;background-color:var(--color-art)}.card-header.entertainment{background-color:#ee6bd8;background-color:var(--color-entertainment)}.card-header.geography{background-color:#74adf1;background-color:var(--color-geography)}.card-header.sports{background-color:#f68d66;background-color:var(--color-sports)}.card-header.history{background-color:#d076fd;background-color:var(--color-history)}h3{font-size:1.5rem;text-align:center}@media screen and (min-width:600px){h3{font-size:2rem}}p{font-size:1.5rem;margin:1rem 3.5rem;text-align:center}@media screen and (min-width:600px){p{font-size:2rem}}.card-inner{padding:2rem}.card-face{backface-visibility:hidden;border-radius:9px;box-shadow:0 0 3px 2px #4e4e4e;height:36rem;padding-top:0;position:absolute;width:26rem}@media screen and (min-width:600px){.card-face{height:46rem;width:36rem}}.card-face.science{border:1rem solid #52dd8e;border:1rem solid var(--color-science)}.card-face.art{border:1rem solid #fac55a;border:1rem solid var(--color-art)}.card-face.entertainment{border:1rem solid #ee6bd8;border:1rem solid var(--color-entertainment)}.card-face.geography{border:1rem solid #74adf1;border:1rem solid var(--color-geography)}.card-face.sports{border:1rem solid #f68d66;border:1rem solid var(--color-sports)}.card-face.history{border:1rem solid #d076fd;border:1rem solid var(--color-history)}.card-content{align-items:center;display:flex;flex-direction:column;padding-top:5rem}@media screen and (min-width:600px){.card-content{padding-top:8rem}}.card-front{background-color:#fff;border-style:solid;border-width:1rem;position:relative;.main-pane{border-radius:0 0 25% 25%;z-index:1}}@media screen and (min-width:370px){html{font-size:62.5%}}.swiper{height:39rem;width:29rem}@media screen and (min-width:600px){.swiper{height:49rem;width:39rem}}.swiper-cards .swiper-slide{overflow:visible}.App{min-height:100vh}.App,.deck-screen{align-items:center;display:flex;flex-direction:column;justify-content:center}.deck-screen{overflow:hidden;width:100%}.range-slider{-webkit-tap-highlight-color:transparent;background:#ddd;border-radius:4px;cursor:pointer;display:block;height:8px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{cursor:not-allowed;opacity:.5}.range-slider .range-slider__thumb{background:#2196f3;border-radius:50%;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;z-index:3}.range-slider .range-slider__thumb:focus-visible{box-shadow:0 0 0 6px #2196f380;outline:0}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{background:#51adf6;height:100%;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:1}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;background-color:initial;height:0;left:0;pointer-events:none;position:absolute;top:0;width:0;z-index:2}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{border:0;height:0;width:0}.range-slider input[type=range]:focus{outline:0}
/*# sourceMappingURL=main.2ee19ae8.css.map*/