@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Mitr:wght@200;300;400;500;600;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,:before,:after{box-sizing:border-box}html{line-sizing:normal}body{margin:0}[hidden]{display:none}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}h1{margin:.67em 0}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%}audio:not([controls]){display:none}picture{display:contents}source{display:none}img,svg,video,canvas{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}:root{--inset: .15vh;--bg-color: #6e5c62;--empty-color: #615458;--lightnes-color: #fafaff;--btn-color: #b7aeb4;--wrong: #312a2c;--place: #d3ad69;--correct: #3aa394;--win: #009afe}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--empty-color)}::-webkit-scrollbar-thumb:hover{background:var(--wrong)}body{background-color:var(--bg-color);color:var(--lightnes-color);display:flex;flex-direction:column;font-family:Mitr,sans-serif;font-weight:600;height:calc(100% - var(--inset));margin-top:var(--inset);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}button{z-index:1000;cursor:pointer;padding:0;width:5vh;height:6vh;background-color:transparent;border:none;color:#b7aeb4;line-height:1em;font-size:2vh;font-family:Mitr,sans-serif;font-weight:400;display:flex;align-items:center;justify-content:center}.container{margin:0 1.3em}aside.container{position:relative;top:-1px;font-family:Mitr,sans-serif;font-weight:400;font-size:1.5em;padding:15px;background-color:#222}.link-division div,.link-division{display:flex;gap:10px}.link-division{justify-content:space-between}.link-division a{cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;line-height:1.5em;height:4vh;color:var(--lightnes-color);padding:0 1em;margin:0}.link-division a.active{color:#585859}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.rotate-center{-webkit-animation:rotate-center .4s ease-in-out both;animation:rotate-center .4s ease-in-out both}@-webkit-keyframes scale-up-ver-top{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}}@keyframes scale-up-ver-top{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}}.scale-up-ver-top{-webkit-animation:scale-up-ver-top .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-ver-top .4s cubic-bezier(.39,.575,.565,1) both}.header{display:flex;justify-content:center}#help,#config{justify-content:flex-start}#status,#accordion{justify-content:flex-end}.nav{width:720px}.nav,.nav div{display:flex;justify-content:space-between;align-items:center}.btn div,.btn img{box-sizing:content-box;justify-content:center;border:2px solid var(--btn-color);border-radius:20%;width:3vh;height:3vh;margin:0 .25vh}h1{font-weight:600;font-size:4vh;line-height:6vh;height:6vh;margin:0;padding:0;text-transform:uppercase}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#46464680;display:flex;justify-content:center;align-items:center;z-index:1000;line-height:1.5em}.modal-content{background:#312b2d;padding:20px;border-radius:8px;position:relative;width:90%;max-width:750px;color:#bbb;font-size:1.3em;font-weight:300;line-height:1.35em}main{margin-top:80px}main div{display:flex;justify-content:center}main div input,main div input.empty,.letter,form input{font-size:2em;height:62px;width:62px;margin:2px;font-weight:600;font-family:Mitr,sans-serif;color:#fafaff;background-color:transparent;border:.15em solid #4c4347;border-radius:10%;text-transform:uppercase;cursor:pointer;text-align:center}main div input.empty{background-color:var(--empty-color);border:.1em solid var(--empty-color)}main div input:focus{caret-color:transparent;outline:none;border-bottom:.4em solid #4c4347}.place{background-color:var(--place)!important;border:.1em solid var(--place)!important}.wrong{background-color:var(--wrong)!important;border:.1em solid var(--wrong)!important}.correct{background-color:var(--correct)!important;border:.1em solid var(--correct)!important}.win{display:flex;justify-content:center;align-items:center}.win p{background-color:var(--win);padding:5px;border-radius:5px;font-size:small}.exemple,.letter{display:flex;align-items:center}.letter{height:52px;width:52px;justify-content:center;font-size:1.5em;margin:2px;font-weight:600;color:#fafaff;background-color:transparent;border:.06em solid #4c4347;text-transform:uppercase}.letter.wrong{background-color:#191516!important}.letter.place{border:.06em solid var(--place)}.modal-content p{display:flex;align-items:center;flex-wrap:wrap}p span.letter.correct,p span.letter.wrong,p span.letter.place{font-size:1em;height:32px;width:32px}.about{display:flex;flex-direction:column;align-items:center;margin:0 25em}.about img{border:4px solid #ebe;border-radius:50%;display:block;float:left;height:12em;margin:1em auto 3em;width:12em}.about h1{font-size:4rem;font-weight:600;line-height:1em;margin:0 0 1em;text-align:center;text-transform:uppercase}.about p{font-weight:300;font-size:x-large;line-height:1.3em;margin:.75em 0}.about p b{font-weight:600}.about p a{color:#ebe}footer{color:#b4abb0;font-size:1rem;font-weight:350;margin:3em;text-align:right}main div label{font-size:xx-large}h4{font-weight:400;color:var(--wrong)}.createBtn{width:15vh}main .multiplayerDiv,main .multiObby{flex-direction:column;justify-content:center;align-items:center}main .multiObby input,main div #playerInput{width:30%;border-radius:5px}.divisionlobby{display:flex;flex-direction:column;justify-content:space-around}.divisionlobby div{align-items:center;flex-direction:column}.divisionlobby div button{width:100%!important}@media (max-width: 1399.98px){.about{margin:0 20em}}@media (max-width: 1199.98px){.about{margin:0 15em}}@media (max-width: 991.98px){.container{margin:0}.about{margin:0 10em}}@media (max-width: 767.98px){.about{margin:0 5em}}@media (max-width: 575.98px){.about{margin:0 2.5em}}