@charset "UTF-8";.footer{display:flex;flex:0;flex-direction:column;background:#980000;color:#e9b44c;font-family:VT323,sans-serif;text-align:center;padding:1rem;margin-top:auto}.footer__copyright{color:#101010;font-weight:700}.footer__links{display:flex;justify-content:center;gap:1rem}.footer a{color:#faf9f6;text-decoration:none;padding:0px 1rem}.footer a:hover{text-decoration:underline}.header{display:flex;flex:0;align-items:center;justify-content:space-between;background:#980000;padding:1rem}.header__logo{display:flex;gap:.5rem}.header__logo-img{width:70px}.header__logo-title{color:#e9b44c;font-size:3.5rem}.header__nav{display:flex}.header__nav-link{text-decoration:none;font-size:1.3rem;background:transparent;color:#faf9f6;margin-right:1rem;padding:.3rem;transition:transform .3s,color .3s,background-color .3s,border-color .3s ease}.header__nav-link:hover{color:#44bba4;transform:scale(1.1)}.header+.header__nav-link{margin-top:10px}.nav-link-logout{color:#101010;background-color:transparent;transition:transform .3s,color .3s,background-color .3s,border-color .3s ease}.nav-link-logout:hover{color:#faf9f6;background-color:#101010;border-color:#101010;transform:scale(1.1)}@media (max-width: 768px){.header{flex-direction:column;align-items:center;text-align:center;padding:10px 0}.header__nav-link{margin:5px;padding:5px}}.container{display:flex;flex-direction:column;align-items:center;padding:3rem;flex-grow:1}.container__image{padding:1rem;width:30vh;box-shadow:5px 5px 10px #0003;border-radius:10px;transition:transform .3s ease}.container__image:hover{transform:scale(1.1)}.container__description{padding:3rem;font-size:1.1rem;text-align:justify;width:50%}.cursor{display:inline-block;width:.2rem;height:1.1rem;background-color:#101010;margin-left:2px;animation:blink-caret .5s step-end infinite}.container__description-message{padding:3rem;font-size:1.1rem;text-align:center;width:50%}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#101010}}@media (max-width: 768px){.container{padding:2rem}.container__image{width:60%}.container__description{font-size:1rem;padding:1rem;width:100%}}.login{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto}.login__form{text-align:center;display:flex;flex-direction:column;width:45vh;height:60vh;justify-content:center}.login__indications{color:#101010;font-size:.8rem;padding:.5rem}.login__input{border-radius:4px;padding:.5rem 1rem;border:1px solid #980000;width:100%}.login__button{margin-top:1rem;border:1px solid #980000;border-radius:4px;padding:.5rem 1rem;cursor:pointer}.login .toggle-password-visibility,.login .toggle-confirmation-visibility{background-color:#faf9f6;cursor:pointer;font-size:1rem;color:#980000;text-decoration:underline;padding-left:.5rem;margin-left:2px;outline:none;-webkit-user-select:none;user-select:none;border:1px solid #980000;border-radius:4px;height:100%}.login__button{background-color:#e9b44c;font-size:1.5rem;font-weight:700}@media (max-width: 768px){.login__form{width:90%}}.signup{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;overflow-y:auto}.signup__form{text-align:center;display:flex;flex-direction:column;width:45vh;height:60vh;justify-content:center}.signup__indications{color:#101010;font-size:.8rem;padding:.5rem}.signup__input{padding:.5rem 1rem;width:100%;border:1px solid #980000;border-radius:4px}.signup__button{margin-top:1rem;border:1px solid #980000;border-radius:4px;padding:.5rem 1rem;cursor:pointer}.signup .toggle-password-visibility,.signup .toggle-confirmation-visibility{background-color:#faf9f6;cursor:pointer;font-size:1rem;color:#980000;text-decoration:underline;padding-left:.5rem;margin-left:2px;outline:none;-webkit-user-select:none;user-select:none;border:1px solid #980000;border-radius:4px;height:100%}.password-input-container,.confirmation-input-container{display:flex;justify-content:space-between}.input-container{display:flex;align-items:center;width:100%}.message-container{margin-top:3rem;text-align:center}.success-message{color:#006400;padding:.5rem}.error-message{color:#8b0000;padding:.5rem;margin:.2rem;border:1px solid #980000;background-color:#faf9f6;font-size:.8rem}.recaptcha{margin-top:1rem;display:flex;justify-content:center}.signup__button{background-color:#e9b44c;font-size:1.5rem;font-weight:700}@media (max-width: 768px){.signup .signup__form{width:90%}}.container__description-error{text-align:center;padding:3rem}.profile{display:flex;flex-direction:column;align-items:center;padding:3rem;overflow-y:auto;gap:1rem}.profile__title{text-align:left}.profile__span{color:#980000}.profile__library{display:flex;gap:1rem;background-color:#faf9f6;box-shadow:5px 5px 10px #0003;border-radius:10px;transition:transform .3s ease;padding:1rem}.profile__library:hover{transform:scale(1.1)}.profile__library-infos{display:flex;flex-direction:column;justify-content:center;text-align:center}.profile__library-subtitle{color:#980000}.profile__library-image{width:200px}.profile__delete-account{margin:4rem}.profile__delete-account--link{background-color:#8b0000;text-decoration:none;color:#faf9f6;padding:.5rem 1rem;border-radius:5px;box-shadow:5px 5px 10px #0003;transition:transform .3s,color .3s,background-color .3s ease}.profile__delete-account--link:hover{background-color:#101010;transform:scale(1.1)}.button-rename{border-radius:5px;background-color:#faf9f6;color:#101010;transition:transform .3s,color .3s,background-color .3s ease;cursor:pointer}.button-rename:hover{background-color:#44bba4;color:#101010;transform:scale(1.1)}.button-validation{border-radius:5px;background-color:#faf9f6;color:#101010;transition:transform .3s,color .3s,background-color .3s;cursor:pointer}.button-validation:hover{background-color:#44bba4;color:#101010;transform:scale(1.1)}.delete-account{margin:15rem 0}.delete-account--link{background-color:#8b0000;text-decoration:none;color:#faf9f6;padding:.5rem;border-radius:5px;box-shadow:5px 5px 10px #0003;transition:transform .3s,background-color .3s ease}.delete-account--link--link:hover{background-color:#101010;transform:scale(1.1)}.error-message{color:#8b0000}.search{display:flex;justify-content:space-between;padding:2rem;flex-direction:column;overflow-y:auto;align-items:center}.search__form{display:flex;align-items:center;margin-bottom:1rem;width:60%}.search__input{flex-grow:1;border-radius:4px;padding:.2rem .5rem;border:1px solid #980000}.search__button{border:1px solid #980000;background-color:#faf9f6;color:#e9b44c;border-radius:4px;padding:.2rem .5rem;cursor:pointer;transition:transform .3s,color .3s,background-color .3s ease}.search__button:hover{background-color:#44bba4;color:#101010;transform:scale(1.1)}.search__results{display:flex;flex-wrap:wrap;width:60%;justify-content:center;margin-bottom:1rem;padding:0;gap:.7rem}.search .game__card{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:25vh;background-color:#faf9f6;padding:1rem;margin:.5rem;box-shadow:5px 5px 10px #0003;border-radius:10px;transition:transform .3s ease}.search .game__card:hover{transform:scale(1.05)}.search .game__card-square-container{align-self:flex-start;aspect-ratio:1/1;width:100%;position:relative;overflow:hidden;top:0;left:0}.search .game__card-image{width:100%;height:100%;object-fit:cover;border-radius:10px;top:0;left:0}.search .game__card-name{text-align:center;padding:.5rem;font-size:1rem}.search .game__card-info{display:flex;align-items:center;width:100%;justify-content:space-between;flex-direction:column}.search .game__card-info-conatiner-name{width:100%}.search .game__card-lien{align-self:flex-end;display:flex;align-items:center;justify-content:center;padding:.2rem .5rem;background-color:#e9b44c;color:#101010;text-decoration:none;border:1px solid #980000;border-radius:4px;cursor:pointer;transition:transform .3s,background-color .3s ease;width:100%}.search .game__card-lien:hover{background-color:#44bba4;color:#101010}@media (max-width: 768px){.search__form{display:flex;align-items:center;margin-bottom:1rem;width:100%}.search__results{width:100%}.search__results .game__card{width:17vh;margin:.25rem;padding:.5rem}.search__results .game__card-name{font-size:.9rem}}.game{color:#44bba4;gap:.5rem;display:flex;overflow-y:auto;justify-content:center}.game__container{color:#696867;gap:.5rem;display:grid;overflow-y:auto;width:120vh;justify-items:start}.game__content{display:flex;justify-content:flex-start;width:50%;margin-left:6rem}.game__title{font-size:2rem;color:#980000;margin-top:1rem;margin-left:6rem;margin-bottom:1rem}.game__image{max-height:400px;box-shadow:5px 5px 10px #0003;border-radius:10px}.game__info{color:#980000;margin-left:6rem;font-size:1rem}.game__info-content{font-size:1rem;font-weight:400}.game__description{padding:0 6rem 1rem;text-align:justify}.game__description-title{color:#101010;margin-left:6rem}.game__section{max-width:45%;display:flex;flex-direction:column}.game__platform-input{display:flex;flex-direction:column;list-style-type:none}.game__platform-inputs{display:flex;width:fit-content;gap:.5rem;padding-inline-start:0}.game__platform-subtitle{padding-left:40px;color:#980000}.game__actions{display:flex;justify-content:flex-start;flex-direction:column;gap:.5rem;margin-left:2.5rem}.game__actions-add{background-color:#44bba4;text-decoration:none;color:#101010;padding:.2rem .5rem;border-radius:5px;box-shadow:5px 5px 10px #0003;transition:transform .3s ease;width:fit-content;height:fit-content}.game__actions-delete{background-color:#8b0000;text-decoration:none;color:#faf9f6;padding:.2rem .5rem;border-radius:5px;box-shadow:5px 5px 10px #0003;transition:transform .3s ease;width:fit-content;height:fit-content}.action-buttons{display:flex;flex-direction:row;gap:.5rem}.error-message-library{color:#8b0000;padding:.5rem;margin-left:6rem}.success-message{color:#006400}li{list-style-type:none}.search-div{display:flex;justify-content:center;gap:1rem;width:100%}.search-link{background-color:#e9b44c;text-decoration:none;color:#faf9f6;padding:.5rem;border-radius:5px;transition:transform .3s ease,color .3s,background-color .3s;margin-bottom:8rem}.search-link:hover{background-color:#44bba4;color:#101010;transform:scale(1.1)}.backend-messages{display:flex;justify-content:flex-start;text-align:center;margin-bottom:.6rem;width:50%;margin-left:6rem}@media (max-width: 768px){.game{padding:1rem 2rem}.game__container{display:flex;flex-direction:column;align-items:flex-start}.game__title{text-align:left;width:100%;margin:0}.game__image{width:100%}.game__content{display:flex;justify-content:flex-start;width:100%;margin:0;flex-direction:column;align-items:flex-start}.game__platform-input{padding:0}.game__platform-subtitle{padding:1rem 0}.game__actions{margin:0}.game__info{margin:0;text-align:left}.game__description{padding:0}.action-buttons{padding:1rem 0}.search-link,.search-div{margin:1rem 0}.backend-messages{display:flex;justify-content:flex-start;width:100%;margin:0;flex-direction:column;align-items:flex-start}.success-message-library{padding:0}.error-message-library{padding:.2rem;margin:0}}.App{display:flex;flex-direction:column;background:#faf9f6;margin:0 auto;background-image:url(/assets/background-dac95d37.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh}@media (max-width: 768px){.App{background-size:auto auto;background-repeat:repeat}}.library-container{display:flex;padding:2rem;overflow-y:auto;text-align:center;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.library-title{color:#980000;font-size:2rem}.search-link{background-color:#e9b44c;text-decoration:none;border:1px solid #980000;color:#101010;padding:.2rem .5rem;border-radius:5px;transition:transform .3s ease;margin-bottom:.5rem}.search-link:hover{transform:scale(1.1)}.game-list{display:flex;flex-wrap:wrap;width:85%;justify-content:flex-start;padding:0;gap:.7rem}.game-list-div{display:flex;flex-wrap:wrap;width:100%;justify-content:center;margin-bottom:1rem;padding:0;gap:.7rem}.game-card{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:25vh;background-color:#faf9f6;padding:1rem;margin:.5rem;box-shadow:5px 5px 10px #0003;border-radius:10px;transition:transform .3s ease}.game-card:hover{transform:scale(1.05)}.game-card-lien{display:flex;align-items:center;justify-content:center;padding:.2rem .5rem;background-color:#e9b44c;color:#101010;text-decoration:none;border:1px solid #980000;border-radius:4px;cursor:pointer;transition:transform .3s,background-color .3s ease;width:100%}.game-card-lien:hover{background-color:#44bba4;color:#101010}.square-container{aspect-ratio:1/1;width:100%;position:relative;overflow:hidden;top:0;left:0}.game-image{width:100%;height:100%;object-fit:cover;border-radius:10px;top:0;left:0}h2{text-align:center;margin-bottom:.6rem;font-size:1rem}h3{color:#980000}button{border-radius:5px;cursor:pointer}.activate{background-color:#44bba4}.delete{padding:.2rem .5rem;background-color:#8b0000;color:#faf9f6}.delete:hover{background-color:#101010;color:#faf9f6}.sorting-options{display:flex;gap:.5rem;margin:.5rem 0}.buttons-div{display:flex;gap:.5rem;flex-direction:column;width:100%}.title-container,.text-container{display:flex;flex-direction:column;width:100%}@media (max-width: 768px){.library-container{width:100%;display:flex;justify-content:space-between;padding:.5rem 1rem;flex-direction:column;overflow-y:auto;text-align:center;align-items:center;gap:.5rem}.search-link{margin:0}.game-card{width:17vh;margin:.25rem;padding:.5rem}.game-card-lien{width:100%}.game-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.game-list{display:flex;justify-content:center;width:100%}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:VT323;font-style:normal;font-weight:400;src:url(/assets/VT323-Regular-cee34b1d.ttf) format("truetype")}body{margin:0;font-family:VT323,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}