body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.WelcomeDiv{animation:slide-down 1.2s both;display:flex;flex-direction:row;height:fit-content;justify-content:center;width:100%}.WelcomeDiv p{font-family:ZeldaFont;font-weight:700}.LoginPage{animation:fade-in 1.2s both;display:flex;height:100%;justify-content:space-between;width:100%}.Login{display:flex;height:fit-content;width:fit-content}.LoginCont{height:100%;width:100%}.LoginCont form{height:100%;width:100%}.LoginCont form,.LoginCont h1{align-items:center;display:flex;flex-direction:column;justify-content:center}.LoginCont h1{color:#fff;font-family:ZeldaFont}.LoginCont label{font-family:ZeldaFont;font-weight:700}.LoginCont input[type=password],.LoginCont input[type=text]{border-radius:5px;width:100%}.LoginCont input[type=submit]{align-items:center;background-color:red;border-radius:10px;border-style:none;border-width:1px;color:#fff;display:flex;flex-direction:column;font-family:ZeldaFont;margin:5px 0;padding:15px 20px}.LoginCont input[type=submit]:hover{background-color:#410000;color:#434343}.FormContainer{box-shadow:12px 12px 2px 1px #0000004d;height:fit-content;padding:25px}.FormContainer,.LoginSeparator{background-color:#fff;width:100%}.LoginSeparator{box-shadow:5px 5px 2px 1px #0000004d;height:15px;margin:15px 0;padding-left:25px;padding-right:25px}form p{color:red}.SignupPrompt{display:grid;font-family:ZeldaFont;justify-self:center;text-align:center;text-decoration:none;transition:color .3s ease-in-out}.SignupPrompt:hover{color:red}.gamePreviews{display:flex;justify-self:flex-end;overflow:hidden}.imagepreview{height:100%;margin:0;object-fit:contain;object-position:center;width:100%}.guest{align-items:center;background-color:initial;border-color:#0000;color:#fff;display:flex;flex-direction:column;font-family:ZeldaFont;justify-content:center;text-decoration:underline;text-decoration:none;transition:color .3s ease-in-out;width:100%}.guest:hover{color:red;cursor:pointer}.imagepreview-enter{transform:translateX(100%)}.imagepreview-enter-active{transform:translateX(0);transition:transform .3s}.imagepreview-exit{transform:translateX(0)}.imagepreview-exit-active{transform:translateX(-100%);transition:transform .3s}@media (max-width:1439px){.WelcomeDiv{margin-top:70px}.WelcomeDiv p{color:#fff;font-size:15px}.Login{height:40%;width:50%}.LoginCont label{font-size:12px}.LoginCont input[type=password],.LoginCont input[type=text]{font-size:12px;height:25px}.LoginCont input[type=submit]{font-size:10px;width:50%}.gamePreviews{height:200px;margin:10px 0;width:200px}.LoginCont,.LoginPage{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media (min-width:1440px){.WelcomeDiv{margin-top:110px}.WelcomeDiv p{color:red;font-size:40px}.Login{height:90%;padding:25px;width:40%}.LoginCont label{font-size:30px;margin-top:50px}.LoginCont input[type=password],.LoginCont input[type=text]{font-size:25px;height:50px;margin-bottom:50px}.LoginCont input[type=submit]{width:20%}.gamePreviews{height:500px;width:500px}}@keyframes slide-down{0%{transform:translateY(-1000px)}to{transform:translateY(0)}}.Signup{flex-direction:column;height:fit-content}.LoginPrompt,.Signup{align-items:center;display:flex;justify-content:center;width:100%}.LoginPrompt{border:none;color:#fff;font-family:ZeldaFont;margin-bottom:10px;margin-top:10px;text-decoration:none;transition:color .3s ease-in-out}.SignupCont{align-items:center;justify-content:center}.SignupCont,.SignupCont form{display:flex;flex-direction:column}.SignupCont input[type=password],.SignupCont input[type=text]{border-radius:5px;margin:5px 0;padding:15px}.SignupCont input[type=submit]{background-color:red;border-radius:10px;border-style:none;border-width:1px;color:#fff;font-family:ZeldaFont;margin:5px 0;padding:15px 20px}.SignupCont input[type=submit]:hover{background-color:#410000;color:#434343}.LoginPrompt:hover{color:red}.SignupCont h1,.SignupForm,.validator{font-family:ZeldaFont}.validator{color:red}.SignupCont h1{color:#fff}@media (max-width:1439px){.Signup{margin-top:70px;width:100%}.SignupCont{width:80%}.LoginPrompt{font-size:10px}}@media (min-width:1440px){.Signup{margin-top:110px;width:100%}.LoginPrompt{font-size:20px}.SignupCont{width:30%}}@keyframes slide-up{0%{opacity:0;transform:translateY(1000px)}to{opacity:100%;transform:translateY(0)}}.ProfileCont{animation:slide-up 1.2s both}.ProfilePage{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media (max-width:1439px){.MyProfile,.Profile{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:center;width:100%}.MyProfile{margin-top:70px}.ProfileCont{background-color:#fff;box-shadow:12px 12px 2px 1px #0000004d;display:flex;flex-direction:row;font-family:ZeldaFont;height:fit-content;margin-bottom:25px;padding-left:5%;padding-right:5%;width:80%}.info{display:flex;flex-direction:column;font-size:10px;height:100%;width:40%}.info-item{margin-bottom:15vw;margin-top:15vw}h1.info-item{height:auto;width:1px}.info h1{font-size:15px;height:auto}.ChngPrflBTN{margin-bottom:15vw;margin-top:15vw}.Profilepicture{border-radius:50%;height:20vw;margin-bottom:25%;margin-top:5vw;overflow:hidden;width:20vw}.Profilepicture img{height:100%;width:100%}.EditUserBTN{background-color:red;color:#fff;font-family:ZeldaFont}.EditUserBTN,.EditUserBTN:hover{border-color:#0000;border-radius:25px;font-size:10px;font-weight:700;margin:25px;padding:5px 10px}.EditUserBTN:hover{background-color:#410000;color:#a8a8a8}.ViewCollection{background-color:red;color:#fff;font-family:ZeldaFont;font-size:8px}.ViewCollection,.ViewCollection:hover{border-color:#0000;border-radius:25px;font-weight:700;margin:25px;padding:5px 10px}.ViewCollection:hover{background-color:#410000;color:#a8a8a8}.ChngPrflBTN{background-color:red;border-color:#0000;border-radius:25px;color:#fff;font-family:ZeldaFont;font-size:10px;font-weight:700;margin:25px;padding:10px 25px;width:100%}.ChngPrflBTN:hover{background-color:#410000;border-color:#0000;color:#a8a8a8}.previewContainer{align-items:center;border-radius:50%;display:flex;height:100px;justify-content:center;margin-left:50%;object-fit:contain;object-position:center;overflow:hidden;width:100px}.profilePicturePreview{height:100%;width:100%}.SendMessageBTN{background-color:red;border-color:#0000;border-radius:25px;color:#fff;font-family:ZeldaFont;font-size:7px;font-weight:700;margin:25px;padding:10px 15px}.SendMessageBTN:hover{background-color:#410000}.UsernameAndPic{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}}@media (min-width:1440px){.MyProfile,.Profile{align-items:center;border-color:#000;border-radius:25px;border-width:1px;display:flex;flex-direction:row;height:100vh;justify-content:center;width:100%}.MyProfile{margin-top:110px}.ProfileCont{background-color:#fff;box-shadow:12px 12px 2px 1px #0000004d;display:flex;flex-direction:row;font-family:ZeldaFont;height:fit-content;justify-content:center;margin-bottom:25px;margin-top:90px;max-width:100%;padding:5%;width:80%}.info{display:flex;flex-direction:column;font-size:15px;margin-right:20px}.info .info-item{margin-bottom:50px;margin-top:50px}.Profilepicture{align-items:center;border-radius:50%;display:flex;height:150px;justify-content:center;margin:0 auto 10%;overflow:hidden;width:150px}.Profilepicture img{height:100%;object-fit:cover;object-position:center;width:100%}.EditUserBTN{background-color:red;font-family:ZeldaFont;font-size:12px;height:70px;width:180px}.EditUserBTN,.EditUserBTN:hover{border-color:#0000;border-radius:25px;color:#fff;font-weight:700;margin:25px;padding:15px 30px}.EditUserBTN:hover{background-color:#410000}.ChngPrflBTN{background-color:red;color:#fffbfb;font-family:ZeldaFont;font-size:12px;height:70px;width:150px}.ChngPrflBTN,.ChngPrflBTN:hover{border-color:#0000;border-radius:25px;font-weight:700;margin:25px;padding:15px 30px}.ChngPrflBTN:hover{background-color:#410000;color:#4f4f4f}.ViewCollection{background-color:red;color:#fffbfb;font-family:ZeldaFont;font-size:12px;height:70px;width:180px}.ViewCollection,.ViewCollection:hover{border-color:#0000;border-radius:25px;font-weight:700;margin:25px;padding:15px 30px}.ViewCollection:hover{background-color:#410000;color:#4f4f4f}.SendMessageBTN{background-color:red;font-family:ZeldaFont;font-size:12px;height:70px;width:180px}.SendMessageBTN,.SendMessageBTN:hover{border-color:#0000;border-radius:25px;color:#fff;font-weight:700;margin:25px;padding:15px 30px}.SendMessageBTN:hover{background-color:#410000}.profilePicturePreview{height:100%;width:100%}.profilePictureContainer{display:flex;flex-direction:column;font-size:30px;margin-left:20px}.previewContainer{border-radius:50%;height:500px;object-fit:contain;object-position:center;overflow:hidden;width:500px}.UsernameAndPic,.previewContainer{align-items:center;display:flex;justify-content:center}.UsernameAndPic{flex-direction:row}}.EditUserBackground{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.EditUser{align-items:center;background-color:#fff;border-radius:10px;box-shadow:2px 0 5px #00000080;color:#000;display:flex;flex-direction:column;height:75%;justify-content:center;left:50%;overflow-y:auto;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:75%;z-index:2000}.ChangePasswords,.UserForm{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;width:100%}.ChangePasswords label,.UserForm label{font-size:18px;margin-bottom:5px;text-align:left}.ChangePasswords input[type=password],.UserForm input[type=text]{border:1px solid #000;border-radius:8px;font-size:16px;padding:10px;width:100%}.DelAccBTNS,.EditUserBTNS{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.DelAccBTNS button,.EditUserBTNS button{background-color:red;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px 30px;transition:background-color .3s}.DelAccBTNS button:hover,.EditUserBTNS button:hover{background-color:#410000}@media (max-width:767px){.DelAccBTNS,.EditUserBTNS{align-items:center;flex-direction:column}.ChangePasswords,.UserForm{align-items:center}.ChangePasswords label,.UserForm label{text-align:center}}@media (min-width:768px){.DelAccBTNS,.EditUserBTNS{flex-direction:row}.ChangePasswords,.UserForm{align-items:center;flex-direction:row;gap:10px}.ChangePasswords label,.UserForm label{margin-right:10px;text-align:right;width:30%}.ChangePasswords input[type=password],.UserForm input[type=text]{width:70%}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.imageCropper{align-items:center;align-self:center;height:80%;max-height:500;max-width:auto;width:80%}.CropContainer button{align-self:center;margin-top:10%}.cropImageBackground{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.CropContainer button:hover{background-color:#410000;color:#434343}.CropContainer button,.CropContainer button:hover{align-items:center;border-style:none;border-width:1px;display:flex;justify-content:center;padding:5px 35px;text-align:center}.CropContainer button{background-color:red;color:#fff}@media (min-width:390px){.CropContainer{background-color:#fff;border-radius:10px;box-shadow:2px 0 5px #00000080;color:#000;display:flex;flex-direction:column;height:fit-content;justify-content:center;left:50%;min-height:500px;min-width:200px;overflow-y:auto;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:fit-content;z-index:2000}.CropContainer,.imageCropper{align-items:center;align-self:center}.imageCropper{max-height:300px;max-width:auto}.imageCropper img{object-fit:contain}}@media (min-width:768px){.CropContainer{align-items:center;align-self:center;background-color:#fff;border-radius:10px;box-shadow:2px 0 5px #00000080;color:#000;display:flex;flex-direction:column;height:fit-content;justify-content:center;left:50%;overflow-y:auto;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:fit-content;z-index:2000}}.finishCrop{align-items:center;display:flex}.Navbar,.finishCrop{justify-content:center;width:100%}.Navbar{background-color:red;color:#fff;font-family:ZeldaFont;left:0;position:fixed;top:0;z-index:5000}@media (max-width:1439px){.Navbar{height:50px}}@media (min-width:1440px){.Navbar{height:70px}}.NavbarContainer{display:flex;flex-direction:row;height:100%;justify-content:center;justify-content:space-between;width:100%}@media (min-width:390px){.navmodaltrigger{align-self:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:fit-content;justify-content:center;margin-left:10px;width:fit-content;z-index:3000}.navmodaltrigger span{background-color:#fff;border-radius:25px;height:2px;margin:5px 0;width:30px}}@media (min-width:768px){.navmodaltrigger{align-self:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:fit-content;justify-content:center;margin-left:50px;width:fit-content;z-index:3000}.navmodaltrigger span{background-color:#fff;border-radius:25px;height:5px;margin:5px 0;width:50px}}.Navbar h1{left:50%}@media (min-width:390px){.Navbar h1{font-size:15px;margin-top:20px}}@media (min-width:768px){.Navbar h1{font-size:30px}}.profilePic{align-items:center;align-self:center;border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:2vw;overflow:hidden;width:50px}.profilePic img{height:100%;object-fit:cover;object-position:center;width:100%}.NavSeparator{background-color:#000;height:5px;width:100%}.LandingPage,.MyGames{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@keyframes slide-fade{0%{opacity:0;transform:translateY(1000px)}to{opacity:100%;transform:translateY(0)}}.SearchBar{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:center;margin-top:10px;width:100%}@media (min-width:390px){.Search{align-items:center;box-shadow:12px 12px 2px 1px #0000004d;display:flex;flex-direction:row;font-size:12px;height:2vw;justify-content:center;padding:10px;width:70%}}@media (min-width:768px){.Search{align-items:center;display:flex;flex-direction:row;font-size:25px;height:2vw;justify-content:center;padding:10px;width:70%}}.SearchSubmit{background-color:red;color:#fff}.SearchSubmit,.SearchSubmit:hover{border-color:#0000;border-radius:25px;font-size:25px;font-weight:700;margin-left:25px;padding:25px}.SearchSubmit:hover{background-color:#410000;color:grey}.SearchLabel{color:#fff;font-family:ZeldaFont;font-size:2vw;margin-right:2vw}.gameView{grid-gap:16px;align-items:center;animation:slide-fade 1.2s both;display:grid;gap:16px;justify-content:center;padding-top:20px;width:80%}@media (max-width:1439px){.gameView{grid-template-columns:repeat(2,1fr)}.LandingPage{margin-top:70px}}@media (min-width:1440px){.gameView{grid-template-columns:repeat(3,1fr)}.LandingPage{margin-top:110px}}.singleGame{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;box-shadow:12px 12px 2px 1px #0000004d;color:#333;display:flex;flex-direction:column;font-family:ZeldaFont;justify-content:flex-start;padding:3vw;text-align:center;transition:color .3s ease-in-out}@media (max-width:1439px){.singleGame{height:150px;width:150px}}@media (min-width:1440px){.singleGame{height:350px;width:350px}}.singleGame p{font-size:1.5vw;margin:.1vw 0}@media (max-width:1439px){.singleGame p{font-size:10px;margin-top:10px}}@media (min-width:1440px){.singleGame p{font-size:25px;margin-top:10px}}.gamePreviewImage img{height:100%;object-fit:contain;width:100%}.gamePreviewImage{height:50%;width:80%}.background{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}@media (min-width:390px){.modal{background-color:#fff;box-shadow:2px 0 5px #00000080;color:#000;height:100%;left:0;position:fixed;text-align:center;top:0;width:45%;z-index:2000}.LogOut,.container{font-size:15px}}@media (min-width:768px){.modal{background-color:#fff;box-shadow:2px 0 5px #00000080;color:#000;height:100%;left:0;position:fixed;text-align:center;top:0;width:25%;z-index:2000}.LogOut,.container{font-size:20px}}.container{align-items:center;color:#000;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.OptionsLink{border:none;color:#000;font-family:ZeldaFont;height:fit-content;text-decoration:none;transition:color .3s ease-in-out;width:fit-content}.OptionsLink:hover{color:red;transform:scale(1.2)}.LogOut{background-color:initial;border-color:#0000;font-family:ZeldaFont;transition:color .3s ease-in-out}.LogOut:hover{color:red;transform:scale(1.2)}.modal-enter{transform:translateX(-100%)}.modal-enter-active{opacity:1;transition:transform .3s}.modal-enter-active,.modal-exit{transform:translateX(0)}.modal-exit-active{transform:translateX(-100%);transition:transform .3s}.singleGame:hover{color:red}@media (max-width:1439px){.NewGameBTN{background-color:red;color:#fff;font-family:ZeldaFont}.NewGameBTN,.NewGameBTN:hover{border-color:#0000;border-radius:25px;font-size:10px;font-weight:700;margin-left:25px;margin-top:1%;padding:5px 20px}.NewGameBTN:hover{background-color:#400101;color:#686868}.MyGames{margin-top:70px}}@media (min-width:1440px){.NewGameBTN{background-color:red;color:#fff}.NewGameBTN,.NewGameBTN:hover{border-color:#0000;border-radius:25px;font-size:15px;font-weight:700;margin-left:25px;margin-top:1%;padding:15px 30px}.NewGameBTN:hover{background-color:#400101;color:#686868}.MyGames{margin-top:110px}.ProfileAndName{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}.ProfileAndName p{color:#fff;font-family:ZeldaFont;margin-left:12px}.UserProfilePic{border-radius:50%;height:100px;overflow:hidden;width:100px}.UserProfilePic img{height:100%;width:100%}}@media (max-width:1439px){.ProfileAndName{align-items:center;display:flex;flex-direction:row;justify-content:center;left:20px;margin-bottom:50px;position:relative;top:50px}.ProfileAndName p{color:#fff;font-family:ZeldaFont;font-size:10px;margin-left:12px}.UserProfilePic{border-radius:50%;height:50px;overflow:hidden;width:50px}.UserProfilePic img{height:100%;width:100%}}.NewGameBackground{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.NewGameModal{background-color:#fff;border-radius:10px;box-shadow:2px 0 5px #00000080;color:#000;height:75%;left:50%;overflow-y:auto;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:75%;z-index:2000}.NewGameContainer,.NewGameModal{align-items:center;display:flex;justify-content:center}.NewGameContainer{height:100%;justify-content:flex-start;margin-top:50px;padding:20px}.NewGameContainer,.gameForm{flex-direction:column;width:100%}.gameForm{align-items:center;display:flex}.gameForm input[type=file],.gameForm input[type=number],.gameForm input[type=text],.gameForm input[type=textarea]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;margin:10px 0;padding:10px;width:80%}.gameForm textarea{border:1px solid #000;border-radius:5px;box-sizing:border-box;font-size:16px;margin:10px 0;min-height:50px;overflow:hidden;padding:10px;resize:none;width:80%}.gameForm button[type=submit]{background-color:red}.gameForm button[type=submit],.gameForm button[type=submit]:hover{border-color:#0000;border-radius:25px;color:#fff;font-size:15px;font-weight:700;margin:25px;padding:15px 30px}.gameForm button[type=submit]:hover{background-color:#410000}.previews{grid-gap:2px;align-items:start;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);height:20%;justify-content:center;justify-items:center;padding:2px;width:90%}.preview{height:auto;width:50%}.newgamemodal-enter{opacity:0;transform:scale(.9)}.newgamemodal-enter-active{transition:opacity .3s,transform .3s}.newgamemodal-enter-active,.newgamemodal-exit{opacity:1;transform:scale(1)}.newgamemodal-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}.DeleteGameImageBackground{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.DeleteGameImageModal{align-items:center;background-color:#fff;border-radius:10px;box-shadow:2px 0 5px #00000080;color:#000;display:flex;flex-direction:column;height:75%;justify-content:center;left:50%;overflow-y:auto;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:75%;z-index:20000}.DeleteGameImagePreviewContainer{height:50%;width:80%}.DeleteGameImagePreview{height:100%;object-fit:contain;width:100%}.DeleteGameImageButtonContainer{display:flex;flex-direction:row;height:fit-content;justify-content:center;width:100%}.DeleteGameImageButton{background-color:red;color:#fff}.DeleteGameImageButton,.DeleteGameImageButton:hover{border-color:#0000;border-radius:25px;font-size:15px;font-weight:700;margin:25px;padding:15px 30px}.DeleteGameImageButton:hover{background-color:#410000;color:#575757}.DeleteGameBackground{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}@media (min-width:390px){.DeleteGame{align-items:center;background-color:#fff;border-radius:10px;box-shadow:2px 0 5px #00000080;color:#000;display:flex;flex-direction:column;font-size:25px;height:75%;justify-content:center;left:50%;overflow-y:auto;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);transform-origin:center;width:75%;z-index:2000}}@media (min-width:768px){.DeleteGame{align-items:center;background-color:#fff;border-radius:10px;box-shadow:2px 0 5px #00000080;color:#000;display:flex;flex-direction:column;font-size:50px;height:75%;justify-content:center;left:50%;overflow-y:auto;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);transform-origin:center;width:75%;z-index:2000}}.Del-enter{opacity:0;transform:translate(-50%,-50%) scale(.9)}.Del-enter-active{transition:opacity .3s,transform .3s}.Del-enter-active,.Del-exit{opacity:1;transform:translate(-50%,-50%) scale(1)}.Del-exit-active{opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .3s,transform .3s}@media (min-width:390px){.DelBTNS{display:flex;flex-direction:column;justify-content:center}}@media (min-width:768px){.DelBTNS{display:flex;flex-direction:row;justify-content:center}}@media (min-width:390px){.DelBTNS button{background-color:red;color:#fff}.DelBTNS button,.DelBTNS button:hover{border-color:#0000;border-radius:25px;font-size:20px;font-weight:700;margin-left:25px;margin-right:25px;margin-top:25px;padding:15px 30px}.DelBTNS button:hover{background-color:#410000;color:#575757}}@media (min-width:768px){.DelBTNS button{background-color:red}.DelBTNS button,.DelBTNS button:hover{border-color:#0000;border-radius:25px;color:#fff;font-size:50px;font-weight:700;margin-left:25px;margin-right:25px;margin-top:25px;padding:25px 50px}.DelBTNS button:hover{background-color:#410000}}@font-face{font-family:ZeldaFont;src:url(/static/media/the-legend-of-zelda-nes.18e7688e77dc15cc6298.ttf)}.GamePage{animation:fade-in 1.2s both;flex-direction:center;height:100vh;justify-content:center}.Description,.GamePage{align-items:center;display:flex}.Description{flex-direction:column;justify-content:flex-start;overflow-y:scroll}@media (max-width:1439px){.GamePage{margin-top:70px}}@keyframes fade-in{0%{opacity:0}to{opacity:100%}}.View p{color:#fff;font-family:ZeldaFont;text-align:center}.GameGrid{flex-direction:row;justify-items:center;justify-self:center;margin:0}.GameGrid,.ImageDiv{align-items:center;display:flex;justify-content:center}.ImageDiv{overflow:hidden;position:relative}.Image{height:100%;margin:0;object-fit:contain;width:100%}.Seller{flex-direction:row}.Seller,.SellerPicContainer{align-items:center;display:flex;justify-content:center}.SellerPicContainer{border-radius:50%;overflow:hidden}.SellerPic{height:100%;object-fit:cover;object-position:center;width:100%}.Left,.Right{align-self:center;display:flex;height:auto;justify-content:center;justify-self:center;width:5%}.EditGameBTN,.RemoveGameBTN{background-color:red;border-color:#0000;border-radius:25px;color:#fff;font-family:ZeldaFont;font-size:15px;font-weight:700;margin-top:1%;padding:15px 30px}.EditGameBTN:hover,.RemoveGameBTN:hover{background-color:#400101;color:#686868}.ButtonsDiv{display:flex;flex-direction:row;justify-content:center;justify-self:center}.price{color:red}.Details{align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width:1439px){.View p{font-size:15px}.ImageDiv{height:250px;padding-top:20px;width:250px}.Seller p{margin-left:40px}.SellerPicContainer{height:70px;margin-left:10px;width:70px}.EditGameBTN,.RemoveGameBTN{margin-left:25px;margin-right:25px}.Description{height:20%;width:90%}.Details{width:100%}}@media (min-width:1440px){.gameName{font-size:50px;font-weight:700;text-align:center}.View{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;width:90%}.Details{font-size:15px;width:50%}.GameImages{width:450px}.Description{height:20%;width:100%}.ImageDiv{height:400px;width:400px}.Seller{width:100%}.Seller p{margin-right:30px}.SellerPicContainer{height:100px;margin:0;width:100px}.EditGameBTN,.RemoveGameBTN{margin-left:25px}}@media (min-width:390px){.FullConversation{display:flex;flex-direction:column;height:100%;margin-top:70px;padding-bottom:100px;width:100%}.messageReceived,.messageSent{align-items:flex-start;display:flex;margin-top:10px;width:100%}.messageSent{justify-content:flex-end}.messageReceived{justify-content:flex-start}.messageReceived .Bubble{background-color:#d3d3d3}.messageReceived .Bubble,.messageSent .Bubble{border:1px solid #000;border-radius:25px;box-shadow:0 4px 6px #0000004d;font-size:12px;height:fit-content;max-width:30%;padding:5px;text-align:center}.messageSent .Bubble{background-color:red;color:#fff}.MSGProfilePicture img{height:100%;object-fit:cover;object-position:center;width:100%}.MSGProfilePicture{border-radius:50%;height:50px;margin-left:10px;margin-right:10px;overflow:hidden;width:50px}.NewMessage{display:flex;flex-direction:row;float:right;margin-right:0;width:80%}.NewMessageContainer{bottom:0;position:fixed;width:100%}.NewMessage textarea{border:1px solid #000;border-radius:5px;box-sizing:border-box;font-size:12px;margin:10px 0;min-height:50px;overflow:hidden;padding:10px;resize:none;width:80%}}@media (min-width:768px){.FullConversation{display:flex;flex-direction:column;height:100%;margin-top:100px;padding-bottom:100px;width:100%}.messageReceived,.messageSent{align-items:flex-start;display:flex;margin-top:10px;width:100%}.messageSent{justify-content:flex-end}.messageReceived{justify-content:flex-start}.messageReceived .Bubble{background-color:#d3d3d3}.messageReceived .Bubble,.messageSent .Bubble{border:1px solid #000;border-radius:25px;box-shadow:0 4px 6px #0000004d;font-size:20px;height:fit-content;max-width:30%;padding:5px;text-align:center}.messageSent .Bubble{background-color:red;color:#fff}.MSGProfilePicture img{height:100%;object-fit:cover;object-position:center;width:100%}.MSGProfilePicture{border-radius:50%;height:50px;margin-left:10px;margin-right:10px;overflow:hidden;width:50px}.NewMessage{display:flex;flex-direction:row;float:right;margin-right:0;width:80%}.NewMessageContainer{bottom:0;position:fixed;width:100%}.NewMessage textarea{border:1px solid #000;border-radius:5px;box-sizing:border-box;font-size:16px;margin:10px 0;min-height:50px;overflow:hidden;padding:10px;resize:none;width:80%}}.allChats{display:flex;flex-direction:column;height:100%;padding-bottom:100px;width:100%}@media (max-width:1439px){.allChats{margin-top:70px}}@media (min-width:1440px){.allChats{margin-top:110px}}.chat{align-items:flex-start;display:flex;justify-content:flex-end;margin-top:10px;width:100%}.Bubble{background-color:#d3d3d3;border:1px solid #000;border-radius:25px;box-shadow:0 4px 6px #0000004d;height:fit-content;max-width:30%;padding:5px;text-align:center}.MSGProfilePicture img{height:100%;object-fit:cover;object-position:center;width:100%}.MSGProfilePicture{border-radius:50%;height:50px;margin-left:10px;margin-right:10px;overflow:hidden;width:50px}body{background-color:#161515}
/*# sourceMappingURL=main.b5abb6e7.css.map*/