@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";:root{--color-primary-background: #111827;--color-secondary-background: #1f2937;--color-tertiary-background: #1a2433;--color-border: #374151;--color-primary-highlight: #8b5cf6;--color-secondary-highlight: #a78bfa;--color-tertiary-highlight: #c4b5fd;--color-primary-text: white;--color-secondary-text: #9ca3af;--color-tertiary-text: #d1d5db;--color-ok-status: #22c55e;--color-error-status: #ef4444;--font-main: "Comfortaa", serif}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:var(--font-main)}body{line-height:1.5;-webkit-font-smoothing:antialiased;width:100vw;height:100vh;background-color:var(--color-primary-background);color:var(--color-primary-text);font-family:var(--font-main);margin:0;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font-family:var(--font-main)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate;display:flex;flex-flow:column nowrap;justify-content:space-between;width:100dvw;height:100dvh}html,body{overflow-x:hidden;margin:0;padding:0}.sectionTitle{color:var(--color-primary-text)}.footer{background-color:var(--color-tertiary-background, #222);color:var(--color-primary-text, white);padding:1.5rem 0;text-align:center;border-top:1px solid var(--color-border, #444)}.footer .mainFooter{max-width:80vw;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-brand h2{font-size:1.5rem;margin:0}.footer-brand p{font-size:.9rem;color:var(--color-secondary-text, #bbb)}.footer-nav{display:flex;gap:15px;font-size:1rem}.footer-nav a{text-decoration:none;color:var(--color-primary-text, white);transition:color .3s ease-in-out}.footer-nav a:hover{color:var(--color-accent, #ffcc00)}.footer-social{display:flex;gap:15px}.footer-social .social-icon{font-size:1.5rem;color:var(--color-primary-text, white);transition:transform .3s ease-in-out,color .3s ease-in-out}.footer-social .social-icon:hover{color:var(--color-accent, #ffcc00);transform:scale(1.1)}.link-home{text-decoration:none}.link-home h2{text-decoration:none;color:#fff}@media (min-width: 768px){.footer .mainFooter{flex-direction:row;justify-content:space-between;align-items:center}}.mainHeader{background-color:var(--color-tertiary-background);padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);width:100%;position:sticky;top:0;z-index:1}.mainHeader h1{color:var(--color-primary-highlight)}.mainHeader a{text-decoration:none}.headerLeftSide{display:flex;align-items:center}.headerRightSide{display:flex;gap:1rem;align-items:center}.mainLogo{width:4rem;height:4rem;border-radius:50%}.mainTitle{font-size:1.5rem;display:none}.searchBarDesktop{display:block}.burger{display:flex;flex-direction:column;justify-content:space-between;width:2rem;height:2rem}.burgerLayer{height:.25rem;background-color:var(--color-primary-highlight)}.navbar{display:none}.navbar a.active{color:var(--color-primary-highlight);font-weight:700;border-bottom:2px solid var(--color-primary-highlight);padding-bottom:2px;transition:all .3s ease}@media (min-width: 1024px){.headerRightSide{display:none}.mainTitle{display:block}.searchBarDesktop{display:none}.navbar{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:60%;margin-right:2rem;gap:1rem}.navbar a{color:var(--color-primary-text);text-decoration:none;font-size:1.2rem;font-weight:bolder;white-space:nowrap;transition:transform .3s ease-in-out}.navbar a:hover{transform:scale(1.05)}}.menuBurgerContainer{position:relative;color:var(--color-primary-highlight)}.menuBurgerContent{position:fixed;top:0;right:0;width:100vw;height:100vh;background-color:var(--color-tertiary-background);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;box-shadow:-4px 0 10px #0003;transform:translate(100%);transition:transform .3s ease-in-out;z-index:1000}.menuBurgerContent.open{transform:translate(0)}.menuBurgerContent a{color:var(--color-primary-text);text-decoration:none;font-size:1.2rem;font-weight:700;transition:transform .3s ease-in-out}.menuBurgerContent a:hover{transform:scale(1.05)}.navbar input{width:100%;background-color:var(--color-border)}.navbar input::placeholder{font-size:smaller;color:var(--color-primary-text)}.Search{display:flex;align-items:center;position:relative;max-width:190px;transition:max-width .3s ease-in-out}.Search:focus-within{max-width:350px}.input{width:100%;height:45px;padding-left:2.5rem;box-shadow:0 0 0 1.5px #2b2c37,0 0 25px -17px #000;border:0;border-radius:12px;background-color:var(--color-border);outline:none;color:#bdbecb;transition:all .25s cubic-bezier(.19,1,.22,1);cursor:text;z-index:0}.input::placeholder{color:#fff}.input:hover{box-shadow:0 0 0 2.5px #2f303d,0 0 25px -15px #000}.input:active{transform:scale(.95)}.input:focus{box-shadow:0 0 0 2.5px #2f303d}.search-icon{position:absolute;left:1rem;fill:#bdbecb;width:1rem;height:1rem;pointer-events:none;z-index:1}.suggestions-list{position:absolute;top:100%;left:0;width:100%;background-color:var(--color-border);border-radius:8px;box-shadow:0 4px 6px #0003;list-style:none;padding:5px 0;margin-top:5px;overflow:hidden;z-index:10;transition:opacity .3s ease-in-out,transform .3s ease-in-out;opacity:0;transform:translateY(-10px)}.Search:focus-within .suggestions-list,.suggestions-list:not(:empty){opacity:1;transform:translateY(0)}.suggestions-item{padding:10px;color:#fff;cursor:pointer;transition:background .2s ease-in-out}.suggestions-item:hover{background-color:#333}.suggestions-item:nth-child(n+6){display:none}.mainHomepage{display:flex;flex-flow:column nowrap;background-color:var(--color-primary-background);color:var(--color-primary-text);max-width:100%}.mainDescription{padding:3rem;text-align:center}.popularChallenges,.latestChallenges{background-color:var(--color-secondary-background);padding:1rem;border-radius:1rem;margin:0 1rem 1rem;border:1px solid;border-color:var(--color-primary-highlight);box-shadow:2px 2px 4px var(--color-secondary-highlight);max-width:100%}.carrousel--homepage{display:flex;flex-flow:row nowrap;gap:1rem;justify-content:space-evenly}.popularChallenges .sectionTitle{margin-bottom:1rem}.latestChallengeContainer{display:flex;flex-flow:column nowrap;justify-content:space-between;text-align:center}.headerLatestChallenges{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.seemoreButton{cursor:pointer}.latestChallenges .seemoreButton{padding:10px;border:2px solid var(--color-border);background-color:var(--color-tertiary-background);color:var(--color-primary-text);border-radius:.5rem;outline:none;font-family:var(--font-main);width:80%;max-width:400px;margin:1rem auto;text-align:center;display:block}@media (min-width: 1023px){.latestChallengeContainer{display:grid;grid-template-columns:repeat(4,1fr)}.plusButton--mobile svg{display:none}}@media (min-width: 1023px){.popularChallengeCard:nth-child(n+4){display:none}.popularChallengeCard{width:33%}}@media (max-width: 1023px){.popularChallengeCard:nth-child(n+3){display:none}}@media (min-width: 1439px){.mainHomepage{padding:0 5%}}@media (min-width: 2500px){.mainHomepage{padding:0 10%}}.popularChallengeCard{max-width:100%;display:flex;flex-flow:column nowrap;align-items:center;gap:1rem}.popularChallengeCard .sectionTitle{margin-bottom:2rem}.popularChallengeCard .challengeTitle{font-size:.8rem;max-width:80%;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:flex;flex-direction:column;max-height:4.5em;line-clamp:3}.popularChallengeCard img{border-radius:1rem;transition:transform .3s ease-in-out;width:100%;height:15rem;object-fit:cover;object-position:center}.popularChallengeCard img:hover{transform:scale(1.05)}.titleAndLike{display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;text-align:center;margin-top:.5rem;width:100%;height:25%}.challengeCard-container{display:flex;flex-flow:column nowrap;align-items:center;width:100%}.challengeCard{margin:.5rem 0;display:flex;gap:.5rem;padding:1rem;border-radius:1rem;transition:transform .3s ease-in-out;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%}.challengeCard:hover{transform:scale(1.05)}.challengeCard img{border-radius:1rem;transition:transform .3s ease-in-out;width:100%;max-width:100%;height:8rem;object-fit:cover}.challengeCard--description{margin-top:.5rem;flex-grow:1;height:60%;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-align:center;line-clamp:4}.challengeCard--title{word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem;font-size:1.2rem;display:flex;flex-direction:column;max-height:3em;line-clamp:2}.gameTitle{font-size:1rem}.descriptionAndLike{display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:center;gap:1rem;width:80%}@media (min-width: 1023px){.challengeCard--description{font-size:12px}}@media (min-width: 2500px){.challengeCard img{height:12rem}}.modalBody{position:absolute;top:2rem;bottom:2rem;left:2rem;right:2rem;display:flex;flex-flow:column nowrap;align-items:center;border-radius:.5rem;border:2px solid var(--color-border);padding:1rem;background-color:var(--color-primary-background);color:var(--color-primary-text);max-width:100%;height:80%;margin:auto;overflow-y:auto;max-height:90vh}.modalBody::-webkit-scrollbar{width:8px}.modalBody::-webkit-scrollbar-thumb{background-color:#64646466;border-radius:4px}.modalBody::-webkit-scrollbar-thumb:hover{background-color:#64646499}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#181c24cc}.modalForm{display:flex;flex-flow:column nowrap;justify-content:space-between;width:100%;gap:2rem;margin:auto;padding:0 2rem}.modalBody h2{padding-top:2rem}.modalInput{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.modalInput--button{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.modalInput--button button,.modalInput--button a{margin:auto;height:3rem;cursor:pointer}.modalInput input,.modalInput--button button,.modalInput select,.modalInput textarea,.modalInput--button a{padding:10px;border:2px solid var(--color-border);background-color:var(--color-tertiary-background);color:var(--color-primary-text);border-radius:.5rem;outline:none;font-family:var(--font-main);width:60%;transition:background-color .3s ease}.modalInput textarea{height:10dvh;width:100%}.submitButton{color:#fff;padding:1rem 1.1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submitButton:hover{background-color:#059669;transform:scale(1.01)}.submitButton:active{transform:scale(.95)}.closeButton{color:#fff;padding:1rem 1.1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.closeButton:hover{background-color:#ef4444;transform:scale(1.01)}.closeButton:active{transform:scale(.95)}.modalForm .trashButton{background-color:#bd0000;border:#ce7878 2px solid;border-radius:5px;width:3rem;height:3rem;position:absolute;bottom:1rem;right:5%}#EditProfileModalId{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center}#EditProfileModalId h2{margin-bottom:1.5rem}.modalInput button:hover{cursor:pointer}.EditProfileModalId{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center}.containerButtonDelete{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.closeButtonDelete,.submitButtonDelete{padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.closeButtonDelete{background-color:#8da396}.closeButtonDelete:hover{background-color:#696969}.submitButtonDelete{background-color:#e74c3c}.submitButtonDelete:hover{background-color:#c0392b}@media (min-width: 1023px){.modalInput{display:flex;flex-flow:row nowrap}.modalBody{max-width:60%;height:80%}.modalInput textarea{height:10rem;width:60%}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh}.loader{display:flex;gap:8px}.loader-bar{width:8px;height:40px;background-color:#a855f7;border-radius:4px;animation:wave 1.2s infinite ease-in-out}.loader-bar:nth-child(1){animation-delay:0s}.loader-bar:nth-child(2){animation-delay:.2s}.loader-bar:nth-child(3){animation-delay:.4s}.loader-bar:nth-child(4){animation-delay:.6s}.loader-bar:nth-child(5){animation-delay:.8s}@keyframes wave{0%,to{height:40px;opacity:.8}50%{height:80px;opacity:1}}.plusButtonWraped{display:flex;align-items:center}.plusButton{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.plusButton svg{margin-right:0;background-color:var(--color-primary-highlight);padding:5px;border-radius:50%;transition:transform .3s ease-in-out}.plusButton svg:hover{transform:scale(1.05)}.plusButton-title{font-size:1.2rem;font-weight:500}.plusButton-title:before{content:"Ajouter"}@media (max-width: 768px){.plusButton-title:before{content:""}}.signup-container{max-width:80%;width:80%;margin:auto;padding:1.2rem;text-align:center}.signup-title{font-size:1.6rem;font-weight:700;color:var(--color-primary-highlight);margin-bottom:1.2rem}.form-group{text-align:left;margin-bottom:15px}.form-p{font-size:14px;font-weight:700;color:var(--color-tertiary-text);margin-bottom:5px}.form-input{width:100%;padding:10px;border:1px solid var(--color-border);background-color:var(--color-tertiary-background);color:var(--color-primary-text);border-radius:5px;outline:none;font-size:14px;font-family:var(--font-main)}.form-input::placeholder{color:var(--color-secondary-text)}.form-button{width:100%;padding:10px;border:none;background-color:var(--color-primary-highlight);color:var(--color-primary-text);font-size:16px;font-weight:700;border-radius:5px;cursor:pointer;transition:.3s;font-family:var(--font-main)}.form-button:hover{background-color:var(--color-secondary-highlight)}@media (min-width: 1024px){.signup-container{max-width:60%}}.login-container{max-width:80%;width:80%;margin:auto;padding:1rem;text-align:center}.signup-prompt{font-size:.9rem;color:var(--color-secondary-text);margin-bottom:1.2rem}.signup-link{color:var(--color-secondary-highlight);font-weight:700;text-decoration:none}.signup-link:hover{color:var(--color-tertiary-highlight);text-decoration:underline}.login-title{font-size:1.6rem;font-weight:700;color:var(--color-primary-highlight);margin-bottom:1.2rem}.form-group{text-align:left;margin-bottom:1rem}.form-label{font-size:.9rem;font-weight:700;color:var(--color-tertiary-text);margin-bottom:5px}@media (min-width: 1024px){.login-container{max-width:60%}}.profilePage-main{margin:auto}.profilePage-container{display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-between;margin:auto}.profile-header{padding:1rem;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center}.profile-picture{height:10rem;width:10rem}.profilePage-container .settings{background-color:var(--color-secondary-background);padding:1rem;border-radius:1rem;margin:0 1rem 1rem;border:1px solid;border-color:var(--color-primary-highlight);box-shadow:2px 2px 4px var(--color-secondary-highlight);max-width:100%;width:100%;display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:center;gap:1rem}.profilePage-container .profile-modifier{padding:10px;border:2px solid var(--color-border);background-color:var(--color-tertiary-background);color:var(--color-primary-text);border-radius:.5rem;outline:none;font-family:var(--font-main);width:60%;cursor:pointer}.profilePage-container .proposed-challenges{background-color:var(--color-secondary-background);padding:1rem;border-radius:1rem;margin:0 1rem 1rem;border:1px solid;border-color:var(--color-primary-highlight);box-shadow:2px 2px 4px var(--color-secondary-highlight);width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;gap:1rem}.proposed-challenge,.achievement{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;border-radius:5px;border:1px solid;border-color:var(--color-tertiary-highlight);background-color:var(--color-primary-background);margin:auto;width:90%;padding:.5rem 1rem;color:#fff;text-decoration:none}.proposed-container,.achievements-container{display:flex;flex-flow:column nowrap;gap:.5rem;width:100%}.profilePage-container .achievements{background-color:var(--color-secondary-background);padding:1rem;border-radius:1rem;margin:0 1rem 1rem;border:1px solid;border-color:var(--color-primary-highlight);box-shadow:2px 2px 4px var(--color-secondary-highlight);max-width:100%;width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;gap:1rem}.profilePage-main .seemoreButton{padding:10px;border:2px solid var(--color-border);background-color:var(--color-tertiary-background);color:var(--color-primary-text);border-radius:.5rem;outline:none;font-family:var(--font-main);width:80%;max-width:400px;margin:1rem auto;text-align:center;display:block}@media (min-width: 1023px){.profilePage-main{width:100%;display:flex}.profilePage-container{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:1rem;width:80%;height:80%}.profilePage-container .settings{grid-row:1;grid-column:2}.profilePage-container .proposed-challenges{grid-row:2;grid-column:1;height:100%}.profilePage-container .achievements{height:100%}}.gamesPage-main{display:flex;flex-flow:row nowrap;margin:auto;padding:0 2rem}.gamesPage-container{width:100%}.games-container{display:flex;flex-flow:column nowrap;background-color:var(--color-secondary-background);padding:1rem;border-radius:1rem;margin:0 1rem 1rem;border:1px solid;border-color:var(--color-primary-highlight);box-shadow:2px 2px 4px var(--color-secondary-highlight);max-width:100%}.gamesPage-container .section-title{padding:1rem 0 0 1rem}.gamesPage-container .section-container{display:flex;flex-flow:row nowrap}@media (min-width: 1023px){.games-container{width:70%;min-width:70%}.game-grid{display:grid;grid-template-columns:repeat(3,33%)}}@media (min-width: 1439px){.game-grid{display:grid;grid-template-columns:repeat(4,25%)}}.game-item{display:flex;flex-flow:column nowrap;justify-content:start;margin:1rem 0;transition:transform .3s ease-in-out}.game-info{display:flex;flex-flow:column nowrap;margin:1rem 0;gap:.2rem;text-align:center}.game-title{font-weight:500px;font-size:larger}.game-platform,.game-date{font-size:small}.game-item:hover{transform:scale(1.025)}.game-item img{border-radius:1rem;object-fit:cover;height:10rem;width:100%}@media (min-width: 1023px){.game-item{margin:1rem}}.popularChallenge--container{display:flex;flex-flow:column nowrap;background-color:var(--color-secondary-background);padding:1rem;border-radius:1rem;margin:0 1rem 1rem;border:1px solid;border-color:var(--color-primary-highlight);box-shadow:2px 2px 4px var(--color-secondary-highlight);width:30%;display:none;height:30%;position:sticky;top:-16rem}.popularChallengeCard{width:100%}.carrousel--aside{display:flex;flex-flow:column nowrap;justify-content:start;align-items:center;gap:1rem;margin-top:1rem;height:100%}@media (min-width: 1023px){.popularChallenge--container{display:block}}@media (min-width: 2559px){.popularChallenge--container{top:-7rem}}.challengePage-main{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;padding:0 2rem;min-width:100%;flex:1}.challengePage-container{width:100%;min-width:100%}.challengePage-header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.challengePage-headerContent{display:flex;flex-direction:column}.description-challenge{margin:1rem;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}.challengePage-buttonHeader{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:1rem;text-align:center;padding-right:1rem}.challengePage-buttonHeader .settingButton{width:2rem;height:2rem}.challengePage-buttonHeader .setting-container{display:flex;flex-flow:row nowrap;align-items:center;gap:1rem}.challengePage-buttonHeader .settingModifier{display:none}.challengePage-container .section-container{display:flex;flex-flow:row nowrap}.submit-container{border:1px solid;border-color:var(--color-primary-highlight);background-color:var(--color-secondary-background);margin:0 1rem 1rem;padding:1rem 0;border-radius:1rem;box-shadow:2px 2px 4px var(--color-secondary-highlight);width:100%;display:flex;flex-flow:column nowrap;gap:.5rem}.submit-header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:90%;margin:0 auto}.allPropositionTitle{font-size:1.5rem}.submit-flex{display:flex;flex-flow:column nowrap;gap:.5rem}.submit-header .plusButtonsvg{margin-right:0}.challengePage-container .section-title,.description-challenge{padding:1rem 0 0 1rem}@media (min-width: 1023px){.submit-container{width:70%;min-width:70%}.challengePage-buttonHeader{gap:2rem;padding-right:30%}.submit-header .plusButton svg{display:block}.challengePage-buttonHeader .settingModifier{display:block}}.dropdownMenu-close{display:flex;flex-flow:row nowrap;justify-content:space-between;border-radius:5px;border:1px solid;border-color:var(--color-tertiary-highlight);background-color:var(--color-primary-background);margin:auto;width:90%;padding:.5rem 1rem;z-index:10;align-items:center}.submit-title{font-size:larger}.submit-navButton{display:flex;flex-flow:row nowrap;justify-content:space-around;width:50%}.dropdown-button{width:2rem}.dropdownMenu-open{display:flex;flex-flow:column nowrap;justify-content:space-between;border-radius:0 0 5px 5px;border:1px solid;border-top:none;border-color:var(--color-tertiary-highlight);background-color:var(--color-primary-background);margin:auto;width:90%;padding:1rem;position:relative;bottom:5px}.dropdownMenu-open iframe{width:100%;height:20rem;border-radius:5px}.dropdownMenu-open .submit-description{margin-top:1rem;font-size:medium}.submit-item .likeButton,.submit-item .settingButton{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:.5rem}.submit-item .likeButton{margin:auto}.submit-item .likeButton .container .checkmark,.submit-item .settingButton{height:25px;width:25px}.submit-item .settingButton{margin-left:auto}.submit-user{margin-top:1rem;margin-left:1rem;font-style:italic;font-weight:600;color:var(--color-primary-highlight);margin-bottom:.5rem;font-size:1rem}.submit-description{font-size:1rem;font-weight:400;color:var(--color-text);background-color:var(--color-background-light);padding:.75rem 1rem;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}@media (min-width: 1023px){.submit-item .plusButton svg{display:block}}.likeButton{display:flex;flex-flow:row nowrap;align-items:center;gap:.5rem}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container{display:block;position:relative;cursor:pointer;font-size:1rem;-webkit-user-select:none;user-select:none;transition:.1s}.checkmark{top:0;left:0;height:2em;width:2em;transition:.1s;animation:dislike_effect .4s ease}.container input:checked~.checkmark path{fill:#ff5353;stroke-width:0}.container input:checked~.checkmark{animation:like_effect .4s ease}.container:hover{transform:scale(1.1)}@keyframes like_effect{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes dislike_effect{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.challengesPage-main{display:flex;flex-flow:row nowrap;margin:auto;padding:0 2rem;width:100%}.challengesPage-container{width:100%}.challenges-container{display:flex;flex-flow:column nowrap;background-color:var(--color-secondary-background);padding:1rem;border-radius:1rem;margin:0 1rem 1rem;border:1px solid;border-color:var(--color-primary-highlight);box-shadow:2px 2px 4px var(--color-secondary-highlight);max-width:100%}.challengesPage-container .section-title{padding:1rem 0 0 1rem}.challengesPage-container .section-container{display:flex;flex-flow:row nowrap}.challengesPage-container .headerAllChallenges{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.challengesPage-container .challenges-title{font-size:1.5rem;margin-right:1rem}.challenges-container .seemoreButton{padding:10px;border:2px solid var(--color-border);background-color:var(--color-tertiary-background);color:var(--color-primary-text);border-radius:.5rem;outline:none;font-family:var(--font-main);width:80%;max-width:400px;margin:1rem auto;text-align:center;display:block}@media (min-width: 1023px){.challenges-container{width:70%;min-width:70%}.challenges-grid{display:grid;grid-template-columns:repeat(3,33%)}}@media (min-width: 1439px){.challenges-grid{display:grid;grid-template-columns:repeat(4,25%)}}.homepage-container{max-width:80%;margin:auto;padding:1rem;text-align:center;display:flex;flex-flow:column nowrap;justify-content:space-between}.section-title{font-size:1.8rem;font-weight:700;color:var(--color-primary-text);margin:1rem;text-align:left}.about-section{display:flex;align-items:center;padding:15px;border-radius:10px;margin-bottom:20px}.about-image{width:90px;height:90px;border-radius:10px;margin-right:10px;flex-shrink:0}.about-text{font-size:.9rem;color:var(--color-tertiary-text);text-align:left}.container-info{background-color:var(--color-secondary-background);padding:1rem;border-radius:10px;box-shadow:0 0 5px var(--color-primary-highlight);margin:1rem 1rem 1.5rem;border:1px solid var(--color-border);text-align:left}.info-title{font-size:1.1rem;font-weight:700;margin:1rem 0}.info-text{font-size:.9rem;color:var(--color-tertiary-text);margin:1rem}.github-list{list-style:none;padding:0;margin:1rem 0}.github-list-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--color-border);margin-bottom:10px;cursor:pointer;transition:background-color .3s ease}.github-list-item:hover{background-color:var(--color-primary-highlight)}.github-link{display:flex;align-items:center;color:var(--color-tertiary-text);text-decoration:none;font-size:.95rem}.github-icon{margin-right:8px;font-size:1.2rem;color:var(--color-primary-text)}.errorpage-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--color-primary-background);color:var(--color-primary-text);padding:3rem}.error-section{background-color:var(--color-secondary-background);padding:2rem;border-radius:1rem;border:1px solid var(--color-primary-highlight);box-shadow:2px 2px 4px var(--color-secondary-highlight);margin:1rem}.error-image{max-width:200px;border-radius:1rem}.error-text{font-size:medium;margin-top:1rem}.error-link{color:var(--color-primary-highlight);text-decoration:none;font-weight:700}.error-link:hover{text-decoration:underline}.info-box-error{background-color:var(--color-secondary-background);padding:1.5rem;border-radius:1rem;border:1px solid var(--color-primary-highlight);margin-top:1rem}.contact-form{max-width:600px;width:90%;margin:2rem auto;padding:2rem;background-color:var(--color-tertiary-background);border-radius:.5rem;box-shadow:0 .25rem .625rem #0000001a;animation:fadeIn .5s ease-in-out}.contact-form-title{text-align:center;font-size:2rem;font-weight:700;color:var(--color-primary-text);margin-bottom:1rem}.contact-form-text{text-align:center;font-size:1rem;color:var(--color-secondary-text);margin-bottom:2rem}.contact-form div{margin-bottom:1.5rem}.contact-form label{display:block;font-weight:700;margin-bottom:.5rem;color:var(--color-primary-text)}.contact-form input,.contact-form textarea{padding:1rem;border:2px solid var(--color-border);background-color:var(--color-tertiary-background);color:var(--color-primary-text);border-radius:.5rem;outline:none;font-family:var(--font-main);width:100%;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-secondary-highlight);box-shadow:0 0 .5rem #0096ff80}.contact-form textarea{height:150px;resize:vertical}.contact-form button{display:block;width:100%;padding:1rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;background-color:var(--color-secondary-highlight);color:var(--color-tertiary-background);border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease-in-out,transform .2s ease-in-out}.contact-form button:hover{background-color:var(--color-primary-text);color:var(--color-tertiary-background);transform:translateY(-2px)}.contact-form button:active{transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.contact-form{max-width:90vw;padding:1.5rem}.contact-form input,.contact-form textarea,.contact-form button{width:100%}}.legals-container{max-width:80%;margin:0 auto;padding:1.2rem;font-family:Arial,sans-serif}.legals-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#fff}.legals-update-date{font-size:1rem;text-align:right;margin-bottom:1.2rem;color:#fff}.legals-intro{font-size:1rem;margin-bottom:2rem;line-height:1.6;color:#fff}.legals-section{margin-bottom:2rem;padding:1rem}.legals-section-title{font-size:2rem;font-weight:600;margin-bottom:1rem;color:var(--color-primary-highlight)}.legals-section-content{font-size:1rem;line-height:1.7;color:#fff}.legals-subsection{margin-top:1.2rem}.legals-subsection-title{font-size:1rem;font-weight:500;margin-bottom:.8rem;color:var(--color-tertiary-highlight)}.legals-subsection-content{font-size:1rem;line-height:1.6;color:#fff}.legals-list{margin-top:.9rem;padding-left:1.1rem}.legals-list-item{font-size:1rem;margin-bottom:.5rem;list-style-type:disc;color:#fff}.legals-link{color:#3498db;text-decoration:none;font-weight:500}.legals-link:hover{text-decoration:underline}@media (max-width: 600px){.legals-container{padding:1rem}.legals-title,.legals-section-title{font-size:2rem}.legals-subsection-title{font-size:1.2rem}}