body{margin:0;padding:0;font-family:-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;background:linear-gradient(90deg,#000 30%,#571400);background-size:cover}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app-content{margin-top:6rem}.cards-title{text-align:center;color:#e2a138;font-family:"Segoe UI",sans-serif;font-weight:200}.cards-container{padding:1rem;display:flex;flex-wrap:wrap;justify-content:space-around;grid-gap:3rem;gap:3rem}.request-status{padding:10px;font-size:35px;border-radius:10px;background-color:#000;color:#fff;border:1px solid #ff3a04;text-align:center;font-family:"Segoe UI",sans-serif;font-weight:bolder}.loader-cont{position:absolute;left:0;right:0;top:6rem;bottom:0;margin:auto;background-color:rgba(69,69,69,.5490196078431373);z-index:1}.landing,.loader-cont{height:100vh;display:flex;align-items:center;justify-content:center}.landing{width:100%;background-color:#0f0f0f;background-image:url(https://cdn.shopify.com/s/files/1/0283/2885/3590/products/pink_bd476094-3fa0-4a17-94f7-38db2814380f_1200x.png?v=1613411253);background-repeat:no-repeat;background-size:cover;background-position-y:-30rem;margin-top:-6rem}.textCont{margin-top:22rem;display:flex;flex-direction:column;align-items:center}.title{font-family:"Courier New",Courier,monospace;font-weight:lighter;color:#ff9d00}.landing-button{background-color:rgba(41,41,41,.581);color:#9b6bc8;width:15rem;height:3rem;border-radius:10px;border:1px solid #9b6bc8;font-family:"Consolas";font-size:large;font-weight:700;transition:.1s;cursor:pointer}.landing-button:hover{border-width:3px;color:#ddb9ff;border-color:#ddb9ff;box-shadow:1px 1px 30px 2px #9b6bc8}.link{color:#965c00}.searchform{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem}.searchlabel{color:#e2a138;font-family:Courier New,monospace;font-weight:450;font-size:large}.input-button{display:flex;justify-content:space-evenly;grid-gap:1rem;gap:1rem}.searchinput{width:100%;border:0;outline:none;border-radius:20px;color:#e2a138;text-align:center}.searchbutton,.searchinput{background-color:rgba(59,36,2,.61)}.searchbutton{color:#af59ff;font-family:Courier New,monospace;font-weight:900;height:2rem;width:8rem;border-radius:20px;border-color:#af59ff;border-style:solid;cursor:pointer;transition:.2s}.searchbutton:hover{color:#c7a2ea;border-color:#c7a2e9;box-shadow:1px 0 20px 5px #9b6bc8}.card{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;align-items:center;width:20rem;height:20rem;background-image:url(/static/media/card-background.07c3790b.jpg);background-position-y:-13vh;background-position-x:center;background-size:contain;padding:1rem;border:1px solid #af59ff;border-radius:20px;overflow:hidden;transition:.2s}.card:hover{box-shadow:0 0 10px 2px #af59ff}.card-title{width:100%;text-align:center;font-family:"Segoe UI",sans-serif;font-weight:bolder;background-color:rgba(0,0,0,.871);border-radius:20px;color:#fff;overflow:hidden;text-overflow:ellipsis}.card-info{display:flex;flex-direction:column;justify-content:space-around;align-items:center;grid-gap:.5rem;gap:.5rem;width:16rem;padding:.5rem 1rem;color:#e2a138;background-color:rgba(0,0,0,.881);border-radius:20px;border:1px solid rgba(0,63,118,.897)}.info-text{width:16rem;max-height:2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.card-image{width:18rem;height:10rem;border-radius:10px}.show-orgCont{display:flex;justify-content:center;grid-gap:2rem;gap:2rem}.gamecardlink{text-decoration:none;cursor:pointer}.pagescontainer{display:flex;justify-content:center;grid-gap:1rem;gap:1rem}.pages{color:#e2a138;text-decoration:none}.page-selected{color:#e2a138;font-weight:800;border:1px solid #e2a138;border-radius:5px;padding:1px 5px}.pagelink{text-decoration:none}.empty-games{padding:1rem;background-color:#000;color:#fff;border:2px solid red;border-radius:20px}.drop-container{display:flex;flex-direction:column;align-items:center;grid-gap:2px;gap:2px;border:1px solid transparent}.container-closed:hover{border-radius:4px;border:1px solid #784903}.drop-title-container{display:flex;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem;width:8rem;background-color:#000;border-radius:4px;padding:5px 10px;transition:.2s;cursor:pointer}.drop-title{font-family:"Segoe UI";font-weight:600;color:#e2a138;text-align:center;width:6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.drop-arrow{width:5px;height:5px;border-top:3px solid #e2a138;border-left:3px solid #e2a138;transition:transform .3s ease}.drop-arrow.closed{transform:rotate(225deg)}.drop-arrow.open{transform:rotate(45deg)}.opened{border:1px solid #ae6901;box-shadow:1px 1px 25px 5px #ae6901}.drop-options-container{position:absolute;width:-moz-fit-content;width:fit-content;height:10rem;margin-top:32px;padding-top:10px 0;display:flex;flex-direction:column;grid-gap:0;gap:0;background-color:#000;color:#e2a138;opacity:0;transform:translateY(-10px);max-height:0;transition:opacity .3s ease,transform .5s ease,max-height .5s ease;visibility:hidden;border-left:1px solid #ae6901;border-bottom:1px solid #ae6901;border-right:1px solid #ae6901;overflow-y:scroll;overflow-x:hidden}.drop-options-container::-webkit-scrollbar{width:2px}.drop-options-container::-webkit-scrollbar-track{background-color:#000}.drop-options-container::-webkit-scrollbar-thumb{background-color:#e2a138}.drop-options-container.show{opacity:1;transform:translateY(0);visibility:visible;max-height:-moz-fit-content;max-height:fit-content}.drop-option-item-container{display:flex;justify-content:space-between;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;text-align:center;width:7.9rem;min-height:10%;padding:5px 10px;transition:hover .5s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e2a138}.drop-option-item-container:hover{background-color:#633d04}.drop-options-container>:first-child{border-top:1px solid #e2a138}.drop-options-container>:last-child{border-bottom:none}.option-selected{background-color:#37260c}.check-selected{width:5px;height:10px;border-top:1px solid #e2a138;border-left:1px solid #e2a138;transform:rotate(225deg)}.drop-error{font-size:1rem;font-weight:200;color:red}.organizer{display:flex;align-items:center;grid-gap:2rem;gap:2rem}.spinner{width:15rem;height:15rem;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-top-color:#c088f5;box-shadow:0 -35px 35px -35px #af59ff;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-detail-container{display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem;margin-top:2rem}.detailbuttons{display:flex;grid-gap:5rem;gap:5rem}.detail-button{font-family:"Consolas";font-weight:800;height:2.5rem;width:10rem;border-radius:10px;border-style:solid;cursor:pointer;transition:.2s}.detail-button:disabled{cursor:not-allowed}.deletebutton{background-color:rgba(59,36,2,.61);color:#ff3a04;border-color:#ff3a04}.deletebutton:hover{box-shadow:1px 0 10px 1px #ff3a04}.editbutton{background-color:rgba(15,104,1,.61);color:#25b900;border-color:#05cb23}.editbutton:hover{box-shadow:1px 0 10px 1px #25b900}.omgcontainer{display:flex;justify-content:center;align-items:center;grid-gap:4rem;gap:4rem;border:1px solid #af59ff;box-shadow:0 0 10px 1px #af59ff;width:80%;padding:1rem}.nameimg{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;align-self:flex-start}.detailname{width:25rem;margin:0;padding:5px;border:1px solid #ff3a04;border-radius:10px;background-color:#000;color:#fff;text-align:center;font-family:"Segoe UI",sans-serif;font-weight:bolder}.detailrating{padding:0 5px;font-size:18px;color:#e2a138}.detailimg{width:100%;height:14rem;border:2px solid #ff3a04;border-radius:10px}.detaildescription{padding:0 10px;width:100%;max-width:40rem;border-radius:10px;border:1px solid #ff3a04;color:#e2a138}.input-component-container{display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem;width:100%}.input-label{color:#9b6bc8}.input-field{width:100%;padding:10px;text-align:center;border:0;outline:none;border-radius:10px;background-color:hsla(0,0%,100%,.13);color:#e2a138;font-family:"Segoe UI",sans-serif}.input-error{font-size:1rem;font-weight:200;color:red}.d-flex-row{width:100%;display:flex;align-items:center;grid-gap:1rem;gap:1rem}.d-flex-column,.text-area-container{width:100%;display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem}.text-area-field{resize:none;padding:10px;width:100%;height:5rem;text-align:center;border:0;outline:none;border-radius:10px;background-color:rgba(155,107,200,.13);color:#e2a138;font-family:"Segoe UI",sans-serif}.text-area-field::-webkit-scrollbar{width:5px}.text-area-field::-webkit-scrollbar-track{background-color:#000}.text-area-field::-webkit-scrollbar-thumb{background-color:#e2a138}.create-title{text-align:center;color:#e2a138;font-family:"Segoe UI",sans-serif;font-weight:lighter}.omgcont{display:flex;justify-content:space-around;padding:2rem}.createform{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem;width:50%}.inputs-container{display:flex;grid-gap:2rem;gap:2rem}.button-create{background-color:initial;color:#9b6bc8;font-family:Courier New,monospace;font-weight:900;height:5vh;width:6vw;border-radius:1vw;border:1px solid #9b6bc8;cursor:pointer;transition:.2s}.button-create:enabled:hover{background-color:#c7a2ea;box-shadow:1px 0 20px 5px #9b6bc8}.button-create:disabled{background:none;border-color:#fff;color:#fff;cursor:not-allowed}.create-card-cont{padding:1rem;background-color:rgba(0,0,0,.395);border-radius:10px}.preview{display:flex;flex-direction:column;align-items:center}.preview-title{color:#c7a2ea;font-family:"Segoe UI",sans-serif;font-weight:lighter}.create-genre{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding-bottom:1rem}.gcreatetitle{text-align:center;color:#e2a138;font-family:"Segoe UI",sans-serif;font-weight:lighter}.creategenreform{justify-content:center;grid-gap:2rem;gap:2rem;width:80%;margin:auto;padding:1rem;background-color:rgba(0,0,0,.395);border-radius:10px}.creategenreform,.edit-game,.statusdiv{display:flex;flex-direction:column;align-items:center}.edit-game{height:-moz-fit-content;height:fit-content;padding:1rem}.edit-game-name{padding:10px;font-size:35px;border-radius:10px;background-color:#000;color:#fff;border:1px solid #ff3a04;box-shadow:0 0 10px 1px #ff3a04;text-align:center;font-family:"Segoe UI",sans-serif;font-weight:bolder}.edit-form{width:80%;height:100%;padding:1rem;flex-direction:column;justify-content:space-around;grid-gap:1rem;gap:1rem;background-color:rgba(0,0,0,.395);border:1px solid #af59ff;box-shadow:0 0 10px 1px #af59ff;border-radius:10px}.edit-form,.edit-select-cont{display:flex;align-items:center}.edit-select-cont{width:50%;justify-content:center;grid-gap:3rem;gap:3rem;background-color:rgba(53,33,0,.84);border-radius:10px}.new-fields-cont{flex-direction:column;width:80%;height:100%;background-color:rgba(53,33,0,.84);border-radius:10px;padding:1rem;border:1px solid #f0dc01;box-shadow:0 0 10px 1px #f0dc01}.new-fields,.new-fields-cont{display:flex;align-items:center}.new-fields{justify-content:center;grid-gap:2rem;gap:2rem;width:100%;flex-wrap:wrap}.text-field-cont{width:100%}.edit-subtitle{color:#e2a138;font-family:"Segoe UI",sans-serif;font-weight:lighter;text-align:center;font-size:20px}.sendeditbutton{height:3rem;width:8rem;background-color:#e2a138;color:#000;font-family:"Courier New",Courier,monospace;font-weight:700;border-radius:10px;border-width:1px;transition:.5s;cursor:pointer}.sendeditbutton:enabled:hover{box-shadow:0 0 20px 1px #fff265;background:none;color:#e2a138;border-color:#f0dc01}.sendeditbutton:disabled{background:none;border-color:#fff;color:#fff;cursor:not-allowed}.navbar{position:fixed;top:0;z-index:2;flex-direction:row;border-bottom:1px solid #af59ff;box-shadow:0 1px 10px 1px #af59ff;background:linear-gradient(90deg,#000 30%,#571400)}.navbar,.navlist{width:100%;display:flex}.navlist{justify-content:space-around;align-items:center;list-style:none}.imglogo{height:5rem;width:6rem}.navitem{color:#9b6bc8;border-right:1px solid #a171cd;padding-right:10px;font-family:"Consolas";transition:.2s}.navitem:hover{color:#dab3ff;border-right-color:#dab3ff;filter:drop-shadow(0 2px 5px)}.navLink{text-decoration:none}
/*# sourceMappingURL=main.2cc4c4b6.chunk.css.map */