@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}#root{width:100%;text-align:center;min-height:100vh;display:flex;flex-direction:column}html{overflow-x:hidden}body{min-height:100%;height:100%;min-width:100vw;width:100%;background-image:linear-gradient(to bottom,#3600b5,#8400a4);background-color:#3600b5;color:#fff;flex:1}.body{flex:1}.layout{min-height:100vh;display:flex;flex-direction:column}.bodycontainerrow{width:90%;margin:10px auto 50px;display:flex;flex-direction:row;border-radius:8px}.bodycontainerrow div{background-color:#fff;width:100px;height:100px;padding:10px;margin:20px auto auto;text-align:center;color:#000;border-radius:8px}.bodycontainerrowprofile{width:80%;margin:10px auto auto;flex-direction:row;border-radius:8px;gap:20px;display:flex;justify-content:space-evenly;align-items:center;text-align:center}.profile-name{background-color:#0f0250;color:#fff;border-radius:8px;padding:20px;margin-top:20px;text-align:center;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.profile-tag{padding:0;margin:0;color:gray;font-size:.8em}.profile-games{display:flex;gap:20px;width:100%;border-radius:8px}.profile-info{background-color:#0f0250;color:#fff;border-radius:8px;padding:20px;margin-top:20px;display:flex;flex-direction:column;gap:10px;text-align:center}#bodycontainerprofilestats div{width:100%}#bodycontainerprofilephoto div{background-color:#0f0250;color:#fff}.bodycontainercolumn{height:auto;margin:auto;display:flex;flex-direction:column;border-radius:8px}.bodycontainercolumn div{background-color:#fff;width:300px;height:50px;padding:10px;margin:10px auto auto;text-align:center;color:#000;border-radius:8px;font-size:1em;font-weight:500;font-family:inherit;justify-content:center}h1{margin:0}.main{flex:1;color:#fff;text-align:center;padding:30px}.header{background-color:transparent;height:100px;width:100%;color:#fff;text-align:center;padding-top:10px}.WWOLHeader{height:fit-content;width:100%;text-align:left;color:#fff;font-size:40px}.footer{background-color:transparent;width:100%;color:#fff;text-align:center;padding:15px 15px 0}.footerText{height:fit-content;width:98%;max-height:60px;padding-bottom:10px;text-align:right;color:#fff}.searchbar{position:relative;display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:100%;height:50px;padding:0 20px;box-sizing:border-box}.nav-links{display:flex;gap:10px}.searchbar a{color:#fff;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.searchbar a:hover,.searchbar a.active{background-color:#290088;color:#fff;border-radius:8px}.search-container{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;border:2px solid #290088}.search-container input[type=text]{padding:6px;font-size:17px;border:none;background-color:#fff;color:#000;border-radius:5px 0 0 5px}.search-container button{padding:7px 10px;background:#ddd;font-size:15px;border:none;cursor:pointer;color:#000;border-radius:0 5px 5px 0}.search-container button:hover{background:#ccc}.signinbutton{position:relative;margin:15px;padding:10px 25px;text-align:center;font-size:18px;letter-spacing:1px;text-decoration:none;color:#000;background-color:#fff;cursor:pointer;transition:ease-out .5s;border:2px solid #290088;border-radius:10px;box-shadow:inset 0 0 #290088;font-size:1em;font-weight:500;font-family:inherit}.signinbutton:hover{color:#fff;box-shadow:inset 0 -100px #290088;border:2px solid white}.signinbutton:active{transform:scale(.9)}.signinbutton2{position:relative;margin:15px;padding:10px 25px;text-align:center;font-size:18px;letter-spacing:1px;text-decoration:none;color:#fff;background-color:#290088;cursor:pointer;transition:ease-out .5s;border:2px solid #290088;border-radius:10px;box-shadow:inset 0 0 #fff;font-size:1em;font-weight:500;font-family:inherit}.signinbutton2:hover{color:#000;box-shadow:inset 0 -100px #fff;border:2px solid #290088}.signinbutton2:active{transform:scale(.9)}.signinbutton3{position:relative;margin:-15px 15px 15px;padding:10px 25px;text-align:center;font-size:18px;letter-spacing:1px;text-decoration:none;color:#fff;background-color:transparent;cursor:pointer;transition:ease-out .5s;border:2px solid transparent;border-radius:10px;box-shadow:inset 0 0 0 0 transparent;font-size:1em;font-weight:500;font-family:inherit}.signinbutton3:hover{color:#fff;box-shadow:inset 0 -100px 0 0 transparent;border:2px solid white;background-color:#290088}.signinbutton3:active{transform:scale(.9)}.profilecircle{border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit}.GameBody{width:250px;height:250px;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center;border:2px solid #ccc}.GameBody img{width:100%;height:100%;object-fit:cover}.buttonsubjects{aspect-ratio:1/1;width:15%;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;color:#000;cursor:pointer;transition:border-color .25s;justify-content:center;margin:auto}.AppMakeAccount{display:flex;flex-direction:column;gap:10px;width:300px;margin:20px auto 0}input{padding:10px;font-size:16px;background-color:#fff}input[type=text],input[type=email],input[type=password]{color:#000}input[type=submit]{cursor:pointer}.bodycontainerrowtopics{width:70%;display:grid;grid-template-columns:repeat(4,1fr);margin:10px auto 50px;border-radius:8px;justify-items:center}.buttontopics{position:relative;width:80%;aspect-ratio:1 / 1;border:none;border-radius:12px;background-size:cover;background-position:center;color:#fff;font-size:25px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:transform .2s ease,filter .2s ease;margin:20px 20px 25px}.buttontopics:after{content:"";position:absolute;inset:0;background:#0000;z-index:0}.buttontopics span,.buttontopics{position:relative;z-index:1}.buttontopics:hover{transform:scale(1.05);filter:brightness(1.05)}.netherlands{background-image:url(/assets/netherlands-B5iSy8WV.png)}.english{background-image:url(/assets/english-B6hgmHjf.png)}.german{background-image:url(/assets/german-DY-_5thk.jpg)}.history{background-image:url(/assets/history-BQKt2TxL.jpg)}.physics{background-image:url(/assets/physics-W5CbAqXq.png)}.chemistry{background-image:url(/assets/chemistry-DIsNZby2.jpg)}.biology{background-image:url(/assets/biology-h8oaaKpu.jpg)}.geography{background-image:url(/assets/geography-Bx1CWUD9.jpg)}.mathA{background-image:url(/assets/mathA-DmrV8Hhm.jpg)}.mathB{background-image:url(/assets/mathB-BRkePdqv.jpg)}.economics{background-image:url(/assets/economy-C1j2FjjY.jpg)}.businesseconomics{background-image:url(/assets/economics-CewtT8g9.jpg)}.buttonprofilephoto{position:relative;width:80%;aspect-ratio:1 / 1;border:none;border-radius:12px;background-size:cover;background-position:center;color:#000;font-size:25px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:transform .2s ease,filter .2s ease}.buttonprofilephotoperson{background-image:url(/assets/profilepersonNew-BXemXbcB.png)}.buttonprofilephoto:after{content:"";position:absolute;inset:0;z-index:0}.buttonprofilephoto span,.buttonprofilephoto{position:relative;z-index:1}.buttonprofilephoto:hover{transform:scale(1.13)}#clans{color:#000;background-color:#fff;margin:auto;font-size:20px}#clansprofile{color:#000;background-color:#fff;margin:auto;font-size:20px;grid-template-columns:auto auto;justify-content:space-evenly}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;line-height:1.15;background-color:var(--background-site);font-size:62.5%;font-family:Inter,"system-ui",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}*,*:before,*:after{box-sizing:inherit}body{background-color:var(--background-site);color:var(--text-high-contrast);font-size:1.6rem;line-height:1.65}.theme-light{--brand-primary: rgb(47, 112, 193);--brand-secondary: rgb(116, 97, 195);--brand-alternative: rgb(19, 120, 134);--background-site: rgb(249, 249, 249);--background-code: rgb(244, 244, 244);--text-body: rgb(54, 49, 61);--text-comment: rgb(99, 94, 105);--text-high-contrast: rgb(49, 49, 49);--text-medium-contrast: rgb(99, 94, 105);--text-low-contrast: rgb(116, 109, 118);--detail-high-contrast: rgb(192, 192, 192);--detail-medium-contrast: rgb(234, 234, 234);--detail-low-contrast: rgb(240, 240, 242);--admonition-note: rgb(46, 109, 188);--admonition-warning: rgb(255, 196, 9);--admonition-danger: rgb(220, 38, 38);--brand-primary-rgb-value: 47, 112, 193;--brand-secondary-rgb-value: 116, 97, 195;--brand-alternative-rgb-value: 19, 120, 134;--background-site-rgb-value: 249, 249, 249;--background-code-rgb-value: 244, 244, 244;--text-body-rgb-value: 54, 49, 61;--text-comment-rgb-value: 99, 94, 105;--text-high-contrast-rgb-value: 49, 49, 49;--text-medium-contrast-rgb-value: 99, 94, 105;--text-low-contrast-rgb-value: 116, 109, 118;--detail-high-contrast-rgb-value: 192, 192, 192;--detail-medium-contrast-rgb-value: 234, 234, 234;--detail-low-contrast-rgb-value: 240, 240, 242;--admonition-note-rgb-value: 46, 109, 188;--admonition-warning-rgb-value: 255, 196, 9;--admonition-danger-rgb-value: 220, 38, 38}.theme-dark{--brand-primary: rgb(138, 180, 248);--brand-secondary: rgb(193, 168, 226);--brand-alternative: rgb(136, 186, 191);--background-site: rgb(0, 0, 0);--background-code: rgb(12, 12, 12);--text-body: rgb(222, 222, 222);--text-comment: rgb(170, 170, 170);--text-high-contrast: rgb(230, 230, 230);--text-medium-contrast: rgb(202, 202, 202);--text-low-contrast: rgb(170, 170, 170);--detail-high-contrast: rgb(101, 101, 101);--detail-medium-contrast: rgb(25, 25, 25);--detail-low-contrast: rgb(21, 21, 21);--admonition-note: rgb(138, 180, 248);--admonition-warning: rgb(253, 186, 116);--admonition-danger: rgb(220, 38, 38);--brand-primary-rgb-value: 138, 180, 248;--brand-secondary-rgb-value: 193, 168, 226;--brand-alternative-rgb-value: 136, 186, 191;--background-site-rgb-value: 0, 0, 0;--background-code-rgb-value: 12, 12, 12;--text-body-rgb-value: 222, 222, 222;--text-comment-rgb-value: 170, 170, 170;--text-high-contrast-rgb-value: 230, 230, 230;--text-medium-contrast-rgb-value: 202, 202, 202;--text-low-contrast-rgb-value: 170, 170, 170;--detail-high-contrast-rgb-value: 101, 101, 101;--detail-medium-contrast-rgb-value: 25, 25, 25;--detail-low-contrast-rgb-value: 21, 21, 21;--admonition-note-rgb-value: 138, 180, 248;--admonition-warning-rgb-value: 253, 186, 116;--admonition-danger-rgb-value: 220, 38, 38}.embla{max-width:75%;margin:auto;--slide-height: 19rem;--slide-spacing: 1rem;--slide-size: 80%}.embla__layout{display:flex;align-items:center;gap:50px}.embla__viewport{overflow:hidden;flex:1;min-width:0}.embla__row{display:flex;align-items:center;justify-content:center;gap:0px}.embla__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.embla__slide__img{border-radius:1.8rem;display:block;height:var(--slide-height);width:100%;object-fit:cover}.embla__controls{display:flex;flex-direction:column;align-items:center;gap:0px}.embla__arrow{flex-shrink:0;width:100px;height:40px;background:transparent;border:transparent;cursor:pointer}.embla__arrow:focus,.embla__arrow:focus-visible{outline:none;box-shadow:none}.embla__buttons{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.embla__button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0 transparent;padding:0;margin:0;box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);width:100px;height:100px;z-index:1;border-radius:50%;color:transparent;display:flex;align-items:center;justify-content:center}.embla__button:disabled{color:var(--detail-high-contrast);border:2px transparent}.embla__button:focus,.embla__button:focus-visible{outline:none;box-shadow:none}.embla__button__svg{width:100%;height:100%}.embla__dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.embla__dot{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:12px 0 0;width:10px;height:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;gap:8px;background:#000}.embla__dot:after{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);width:1.4rem;height:1.4rem;border-radius:50%;display:flex;align-items:center;content:""}.embla__dot--selected{background:#fff}.embla__dot--selected:after{box-shadow:inset 0 0 0 .2rem var(--text-body);border:2px black}.embla__dot:focus,.embla__dot:focus-visible{outline:none;box-shadow:none}.embla__parallax{border-radius:1.8rem;height:100%;overflow:hidden}.embla__parallax__layer{position:relative;height:100%;width:100%;display:flex;justify-content:center}.embla__parallax__img{max-width:none;flex:0 0 calc(115% + (var(--slide-spacing) * 2));object-fit:cover}.input-row{position:relative;margin-bottom:16px;height:45px}.input-row input{width:100%;height:100%;padding:10px;border:2px solid #290088;border-radius:8px;flex-shrink:0;box-sizing:border-box}.input-row.valid input{border-color:#28a745}.input-row.invalid input{border-color:#ff3b3b}.check{position:absolute;right:-25px;top:50%;transform:translateY(-50%);color:#28a745;font-size:20px}.error{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;color:#fff;animation:fadeIn .25s ease-in-out;text-align:left}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}