:root{--background-color:#282c34;--background-color-header-footer:#1b1e24;--text-color:#fff;--primary-color:#007bff;--primary-color-hover:#0056b3}[data-theme=light]{--background-color:#e2e2e2;--background-color-header-footer:#cacaca;--text-color:#000;--primary-color:#007bff;--primary-color-hover:#2787ec}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}.main{align-items:center;background-color:#282c34;background-color:var(--background-color);color:#fff;color:var(--text-color);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:flex-start;min-height:100vh;padding:20px;transition:background-color .3s,color .3s}.button{border:none;border-radius:25px;font-size:24px;line-height:50px;padding:0;width:150px}.button,.small-button{background-color:#007bff;background-color:var(--primary-color);color:#fff;color:var(--text-color);font-family:Arial,sans-serif;justify-content:center;margin:5px}.small-button{border:none;border-radius:15px;font-size:16px;line-height:20px;padding:5px;width:auto}.button:hover{background-color:#0056b3;background-color:var(--primary-color-hover)}.flex{display:flex}.full-center{align-items:center;justify-content:center}.wrap{flex-wrap:wrap}.gap-05{gap:.5rem}.gap-1{gap:1rem}.gap-2{gap:2rem}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.align-center{align-items:center}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}input{border-radius:10px;margin:5px;padding:10px}.blerb-box{word-wrap:break-word;border-radius:10px;box-shadow:1px 1px 10px 3px #000;margin-bottom:30px;overflow-wrap:break-word;padding:20px}.blerb-box,.wrapper{align-items:center;display:flex;justify-content:center}.wrapper{box-sizing:border-box;flex-direction:row;flex-wrap:wrap;gap:2rem}.header-wrapper{align-items:center;background-color:var(--background-color-header-footer);border-bottom:1px solid var(--text-color);box-shadow:1px 1px 10px 3px #000;color:var(--text-color);display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center;padding:1rem 3rem}.header{height:100%;margin-right:auto;object-fit:contain}.header span{font-weight:600}.navbar{align-items:center;background-color:var(--background-color);border-radius:15px;box-shadow:1px 1px 5px 3px #000;display:flex;justify-content:space-between;padding:10px}.nav-links{background-color:var(--background-color-header-footer);border-radius:15px;box-shadow:0 0 10px 5px #000;display:none;flex-direction:column;list-style:none;margin:0;padding:10px 0;position:absolute;right:0;top:50px;transition:transform .3s ease-in-out;width:200px;z-index:100}.nav-links li{margin:0 10px}.nav-links a{border-radius:15px;display:block;padding:10px;text-decoration:none}.nav-links a:hover{background-color:var(--background-color);color:var(--text-color)}.nav-links.active{display:flex;transform:translate(-1rem,2rem)}.theme-toggle-button{background-color:var(--background-color-header-footer);border:none;border-radius:15px;color:var(--text-color);font-size:calc(10px + 1.65vmin);line-height:1.5;margin:0 5px;text-align:left}.theme-toggle-button:hover{background-color:var(--background-color)}.burger-menu{cursor:pointer;display:flex;flex-direction:column}.burger-menu .line{background-color:var(--text-color);height:3px;margin:4px 0;width:25px}.footer-wrapper{align-items:center;background-color:var(--background-color-header-footer);border-top:1px solid var(--text-color);color:var(--text-color);display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center;padding:2rem}.footer{height:100%;margin-right:auto;object-fit:contain}.footer span{font-weight:600;gap:1}.footer span:not(:first-child){margin-left:2rem}a,a:visited{color:var(--text-color)}a:hover{color:var(--primary-color)}.homepage-box,.homepage-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px}.homepage-box{text-align:justify}.exampleBoxImage,.homepage-box{border-radius:10px;box-shadow:1px 1px 10px 3px #000}.exampleBoxImage{display:flex;flex-basis:calc(50% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:center;min-height:375px;width:425px}.exampleBoxImage img{border-radius:2rem;height:200px;padding:1rem;width:auto}@media (max-width:600px){.exampleBoxImage{width:100%}}.colour-change:hover{animation:pixelate-grey 3s ease-in-out 0s 1 forwards}@keyframes pixelate-grey{0%{filter:none}50%{filter:blur(10px) grayscale(20%)}to{filter:blur(0) grayscale(100%)}}.spoiler-container{cursor:pointer;display:inline-block;position:relative}.spoiler-cover{align-items:center;background-color:#000c;border-radius:2rem;bottom:0;color:#fff;display:flex;font-size:1.2em;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;transform:scale(.975);z-index:1}.spoiler-image{display:block;height:auto;width:100%}.spoiler-container:not(.revealed) .spoiler-image{filter:blur(10px)}.spoiler-container.revealed .spoiler-cover{display:none}.greyscale{filter:grayscale(100%)}.image-transformer-container{height:200px;position:relative;width:300px}.image-transformer-container .image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity 2s ease;width:100%}.image-transformer-container .transformer{z-index:1}.image-transformer-container:hover .transformer{animation:pixelate 2s forwards}.image-transformer-container .transformed{opacity:0;transition:opacity 2s ease;z-index:2}.image-transformer-container:hover .transformed{opacity:1}@keyframes pixelate{0%{filter:none}50%{filter:blur(10px) grayscale(50%) scale(.9)}to{filter:blur(0)}}.spoiler-hover{filter:blur(20px)}.spoiler-hover:hover{filter:none;transition:1s ease-in}.exampleBoxPost{border-radius:10px;box-shadow:1px 1px 10px 3px #000;display:flex;flex-basis:calc(50% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:center;min-height:300px;width:425px}@media (max-width:600px){.exampleBoxPost{width:60vw}.exampleBoxPost h4{font-size:1.5rem}.exampleBoxPost p{font-size:.8rem}}.exampleBoxPost h4{font-size:1.65rem;max-width:90%}.shown{overflow:visible;white-space:normal}.hidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exampleBoxPost p{font-size:1rem;max-width:90%;text-align:justify}.post-title{cursor:pointer}.fun-image{border-radius:15px;box-shadow:1px 1px 10px 3px #000;height:300px;margin-bottom:20px;width:300px}.game-select-wrapper,.game-wrapper{border-radius:10px;box-shadow:1px 1px 10px 3px #000;padding:10px}.game-wrapper{flex-wrap:wrap;margin-top:30px;width:100%}.game-title,.game-wrapper{display:flex;justify-content:center}.game-title{flex-basis:100%;margin:.33em;min-width:400px}@media (max-width:600px){.game-title{min-width:200px}}.player-display{display:flex;flex-basis:100%;flex-wrap:wrap;justify-content:space-between}.lives-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.life-icon{height:30px;margin:0 5px;width:30px}.question-container{align-items:center;border-radius:10px;box-shadow:1px 1px 10px 3px #000;flex-basis:75%;margin-bottom:20px;margin-top:20px;padding-bottom:20px;padding-top:20px}.question-container,.question-container-part{display:flex;flex-wrap:wrap;justify-content:center}.question-container-part{flex:1 1;gap:10px;max-width:45%;min-width:20%}.question-container-operator{flex:0 0 10%;text-align:center}.question-image{border-radius:10px;flex-basis:33%;height:auto;margin:0 2px;width:64px}.question-addition-sign{align-items:flex-end;display:flex;font-size:3rem;height:60px;justify-content:center;margin:0 5px;width:60px}.prompt-container{align-items:center;display:flex;flex-direction:column}@media (max-width:700px){.question-container{flex-basis:95%;flex-direction:column}.question-container-part{flex-wrap:nowrap;gap:5px;max-width:none}.question-image{width:48px}.question-container-operator{flex:0 0 auto}}.answers-container{display:flex;flex-basis:100%;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px auto;max-width:95%}.answer-card{border-radius:1rem;cursor:pointer;flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;font-size:3rem;padding:1rem;text-align:center;transition:background .3s ease}.answer-card:hover{background-color:var(--primary-color)}.answer-card:disabled{background-color:#f44336;color:#fff;cursor:not-allowed;pointer-events:none}@media (max-width:600px){.answers-container{flex-basis:75%}}.notification{color:#d32f2f;font-weight:700;margin:10px;text-align:center;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.notification.hide{opacity:0;pointer-events:none;transform:scale(.9)}.todo-input-box{align-items:center;display:flex;gap:1rem;justify-content:space-between}.todo-box{border-radius:10px;box-shadow:1px 1px 10px 3px #000;padding:1rem}.todo-list{display:flex;flex-direction:column;gap:1rem;padding-left:10px}.todo-item{align-items:center;border-radius:15px;display:flex;flex-direction:row;font-size:1rem;gap:.5rem;justify-content:flex-start;padding-left:15px}.todo-item div{flex:14 1}.completed-item{background-color:#006b004d}.completed-item div{text-decoration:line-through}.remove-todo-button{background-color:red;flex:1 1;max-width:30px;min-width:30px}.complete-todo-button,.remove-todo-button{font-size:1rem;line-height:30px;margin:5px}.complete-todo-button{flex:2 1;min-width:80px;width:80px}.exampleBoxCard{border-radius:10px;box-shadow:1px 1px 10px 3px #000;display:flex;flex-basis:calc(50% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:center;margin-bottom:20px;min-height:375px;width:1000px}@media (max-width:600px){.exampleBoxCard{width:100%}}.list{display:flex;transform:perspective(1000px);transform-style:preserve-3d}.small-item img{height:200px;width:120px}.list .small-item{filter:brightness(.2);transition:.5s}.list .small-item:hover{filter:brightness(1);transform:translateZ(100px)}.list .small-item:hover+*{filter:brightness(.6);transform:translateZ(100px)}.list .small-item:hover+*+*{filter:brightness(.3);transform:translateZ(50px)}.list .small-item:has(+:hover){filter:brightness(.6);transform:translateZ(100px)}.list .small-item:has(+*+:hover){filter:brightness(.3);transform:translateZ(50px)}.list-two{border-radius:10px;display:flex;gap:20px;height:auto;margin-bottom:10px;overflow-x:scroll;scroll-snap-type:x mandatory;width:200px}.list-two::-webkit-scrollbar-track{background-color:var(--background-color);border:1px solid var(--text-color);border-radius:10px;padding:2px 0}.list-two::-webkit-scrollbar{width:10px}.list-two::-webkit-scrollbar-thumb{background-color:var(--background-color);border:1px solid var(--text-color);border-radius:10px}.item{background:var(--background-color);box-sizing:border-box;flex-shrink:0;height:320px;scroll-snap-align:center;text-align:center;width:200px}.item,.item img{border-radius:10px}.item img{height:300px;width:180px}.exampleBox{border-radius:10px;box-shadow:1px 1px 10px 3px #000;display:flex;flex-basis:calc(50% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:center;min-height:275px;width:250px}@media (min-width:800px){.exampleBox{flex-basis:calc(30% - 20px);flex-grow:1;flex-shrink:1}}.transforming-button{border-radius:50%;display:flex;font-size:24px;height:50px;transition:width .3s ease,border-radius .3s ease;width:50px}.transforming-button:hover{background-color:var(--primary-color-hover);border-radius:25px;font-size:20px;width:150px}.transforming-button span{display:inline-block;transition:opacity 1s ease}.transforming-button span.transformed-button{opacity:0;position:absolute;visibility:hidden}.transforming-button:hover span.initial-button,.transforming-button:not(:hover) span.transformed-button{opacity:0;visibility:hidden}.transforming-button:hover span.transformed-button{opacity:1;visibility:visible}.holding-button{cursor:pointer;transition:background-color 2s,transform .3s}.holding-button:active{background-color:var(--background-color);transform:scale(.95)}.holding-button-progress{cursor:pointer}.progress-bar{background-color:var(--background-color);border:1px solid var(--background-color);height:5px;margin-top:10px;width:100%}.progress{background-color:#4caf50;height:100%;transition:width .2s}.shining-button{background-color:var(--primary-color);color:var(--text-color);cursor:pointer;overflow:hidden;position:relative}.shining-button:before{animation:shine 3s infinite;animation-timing-function:linear;background:linear-gradient(45deg,#fff3 25%,#ffffff1a 50%,#fff3 75%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:skewX(-30deg);width:30%}@keyframes shine{0%{left:-100%}16.33%{left:120%}to{left:120%}}
/*# sourceMappingURL=main.c6e3de7e.css.map*/