@import url(https://fonts.googleapis.com/css2?family=Cinzel&family=Raleway:wght@300&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a,a:active,a:focus,a:hover{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-family:"Cinzel",serif;text-align:center}h1{font-size:3.8rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1rem}h6{font-size:.8rem}*{box-sizing:border-box}strong{font-weight:700}em{font-style:italic}article,div,p,textarea{font-family:"Raleway",sans-serif}.App{display:flex;flex-flow:column;align-items:center;justify-content:center;min-height:100vh;min-width:100vw}.gameBox{flex-direction:column;width:250px;height:300px;margin-top:10px}#searchResults,.gameBox{display:inline-flex;justify-content:center;align-items:center}#searchResults{flex-wrap:wrap}#itemsPerPageSelector,#titleDescriptionLabel,#titleDescriptionSearch{font-family:"Raleway",sans-serif;color:#2b2b2b;font-weight:700}@keyframes fadein{0%{fill:transparent;color:transparent}to{fill:#2b2b2b;color:#2b2b2b}}@keyframes fadein2{0%{fill:transparent;color:transparent}to{fill:#2b2b2b;color:text-color}}#searchComponentContainer{display:flex;flex-direction:column;width:400px;height:95vh;position:-webkit-sticky;position:sticky;top:10px;margin:10px 20px 0 50px}#searchComponentContainer,#searchForm{justify-content:center;align-items:center}#searchForm{display:inline-flex;flex-wrap:wrap;width:100%}#searchButtonContainer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;min-width:110px}#titleDescriptionSearch{font-size:16pt;margin:10px;height:35px;width:90%;border:1px solid #2b2b2b}#titleDescriptionSearchLabel{font-size:20pt;font-family:"Cinzel",serif}#itemsPerPageSelector{height:35px;margin:0 5px 0 20px;border:1px solid #2b2b2b}#checkboxContainer{padding:15px;max-width:100vw}#checkboxContainer,#checkboxSubContainer,.mecCatContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}#checkboxSubContainer,.mecCatContainer{width:100%}.mecCatCheckboxes{height:35vh;width:100%;overflow-y:scroll;overflow-x:visible;margin:10px 20px 20px;padding:20px;border:1px solid #2b2b2b}@media(max-height:1100px){.mecCatCheckboxes{height:30vh}}@media(max-height:700px){.mecCatCheckboxes{height:25vh}}@media(max-height:550px){.mecCatCheckboxes{height:20vh}}@media(max-height:450px){.mecCatCheckboxes{height:10vh}}@media(max-height:350px){#titleDescriptionSearchLabel{display:none}}.checkboxDiv{margin:5px 0}.checkLabel{color:#2b2b2b;font-weight:700;font-size:13pt}#arrowBox,.checkLabel{font-family:"Raleway",sans-serif}#arrowBox{display:flex;justify-content:center;align-items:center;width:200px}.pageArrow{fill:#2b2b2b}@media(max-width:768px){#searchComponentContainer{width:100vw;max-width:100vw;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:static}#searchForm{width:90vw}#checkboxSubContainer{flex-direction:row;justify-content:space-evenly}.mecCatCheckboxes{padding:5px}.mecCatContainer{padding:0;max-height:200px;width:45%}#arrowBox{width:95vw;justify-content:space-between}.stickyArrows{animation:fadein1 1.5s;height:25px;position:fixed;bottom:30px;color:transparent}.noStickyArrows{animation:fadein2 1.5s}.pageArrowNS{animation:fadein 1.5s}.pageArrowS{animation:fadein2 1.5s}}@media(max-width:455px){#searchComponentContainer{width:100vw;max-width:100vw;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:static}#checkboxSubContainer{flex-direction:column}.mecCatCheckboxes{max-height:200px}.mecCatContainer{height:100%;width:100%}#arrowBox{width:95vw;justify-content:space-between}.stickyArrows{animation:fadein1 1.5s;height:25px;position:fixed;bottom:10px;color:transparent}.noStickyArrows{animation:fadein2 1.5s}.pageArrowNS{animation:fadein 1.5s}.pageArrowS{animation:fadein2 1.5s}}.reviewContainer{border:1px solid #2b2b2b;width:80vw;padding:10px;margin:10px;max-width:700px}.reviewBox,.reviewContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.reviewBox{margin-top:10px;width:100%;overflow:scroll;white-space:break-spaces;-ms-overflow-style:none;scrollbar-width:none}.reviewBox::-webkit-scrollbar{display:none}.usernameHeader{display:inline-block;margin-left:10px}canvas{max-width:100%}@media(max-width:768px){canvas{width:80vw;margin:auto}}.game-display-page{flex:1 0 auto}.game-description,.game-info-container,.game-info-row,.image-And-Rating,.mecCatBox{width:80vw;margin:10px;max-width:600px}.pic-And-Game-Info{display:flex;flex-wrap:wrap;justify-content:center}.game-display-page,.game-info-column,.game-info-container,.image-And-Rating,.mecCatBox{display:flex;flex-direction:column;justify-content:center;align-items:center}.game-info-row{display:flex;justify-content:center;align-items:center}.mecCatBox{text-align:center}.game-images{max-width:90%;max-height:90%;margin:20px}@media(max-width:455px){.game-name{font-size:1.5em}}.heroContainer{position:relative;width:100vw;height:40vh;display:flex;justify-content:center;align-items:center}.heroText{max-width:85vw;background:hsla(0,0%,100%,.3);text-align:center;display:inline-block;position:relative;padding:15px;border:1px solid #2b2b2b;border-radius:2px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-moz-backdrop-filter:blur(3px)}.heroText h1{font-size:3rem;font-family:"Cinzel",serif;color:#2b2b2b}.heroText p{font-family:"Raleway",sans-serif;font-size:1.2rem;color:#2b2b2b}.heroPic{height:40vh;z-index:-1}.heroPic,.heroPic:before{position:absolute;width:100%}.heroPic:before{content:"";top:0;left:0;height:100%;background:url(/static/media/TTGBackground.ced9ad55.jpg);background-repeat:no repeat;background-size:cover;background-position:50%}@media(min-width:455px){.heroContainer,.heroPic{height:60vh}.heroText h1{font-size:4.8rem}.heroText p{font-size:1.3rem}}.flexProfile{min-height:71vh}.userProfile{display:flex;flex-flow:column nowrap;justify-content:center;padding:20px 0 0}.userProfile h2{font-family:"Cinzel",serif;font-size:1.8rem;color:#2b2b2b;padding-right:10px}.userProfile h4{font-family:"Raleway",sans-serif;font-size:1rem;color:#2b2b2b;margin-bottom:5px}.userProfile .userLeaderboard{padding:10px}@media(min-width:455px){.userProfile h2{font-size:2.2rem}.userProfile h4{font-size:1.2rem}}@media(min-width:768px){.sticky,.userProfile{height:650px}.userProfile{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;margin:20px 20px 0 30px;text-align:center;border:1px solid #2b2b2b}.userProfile h2{padding:10px}.userProfile h4{padding:0 10px 10px}.userProfile img{margin-top:30px}.sticky{position:-webkit-sticky;position:sticky;top:20px}.flexProfile{display:flex;flex-flow:row nowrap}}.header{height:90px;min-width:100vw;background-color:#f0f0f0;overflow:hidden;flex:0 0 90px}.header a,.header li{color:#2b2b2b}.header a{cursor:pointer}.header a:hover{color:#91360c}.hexContainer{display:inline-block;margin-left:55px;margin-top:35px;transition:.8s ease-in-out;cursor:pointer}.hexagon1,.hexagon2{width:40px;height:22.5px;background:transparent;border:1.75px solid #2b2b2b;border-radius:1px;position:absolute;transition:.8s ease-in-out}.hexagon2{transform:rotate(60deg)}.hexagon3{width:40px;height:22.5px;background:transparent;border:1.75px solid #2b2b2b;border-radius:1px;position:absolute;transition:.8s ease-in-out;transform:rotate(120deg)}.hexContainer:hover .hexagon1{transition:.8s ease-in-out;transform:rotate(180deg)}.hexContainer:hover .hexagon2{transition:.8s ease-in-out;transform:rotate(300deg)}.hexContainer:hover .hexagon3{transition:.8s ease-in-out;transform:rotate(600deg)}#menuToggle{display:block;position:absolute;top:40px;right:60px;z-index:1;-webkit-user-select:none;-ms-user-select:none;user-select:none}#menuToggle .navLink{color:#2b2b2b;text-decoration:none;transition:color .5s ease}#menuToggle .navLink:hover{color:#91360c}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2}#menuToggle span{display:block;width:33px;height:2px;margin-bottom:5px;position:relative;background:#2b2b2b;border-radius:1px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0 0}#menuToggle span:nth-last-child(2){transform-origin:0 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-3.5px);background:#2b2b2b}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(2px)}#menu{position:absolute;width:160px;margin:-100px 0 0 -65px;padding:125px 30px 30px;background:#bebdbd;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translateY(-100%);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu li{padding:10px 0;font-size:20px}#menuToggle input:checked~ul{transform:none}.loginContainer{display:flex;padding-top:15px;flex-flow:column nowrap;flex:1 1 auto}.loginContainer h3{font-family:"Cinzel",serif}.loginContainer label{font-family:"Raleway",sans-serif}.loginContainer input{margin:5px}.loginContainer button{margin-top:5px}.loginContainer .resetBtn{margin-right:5px}.login{background:#f0f0f0;margin:20px;padding:20px;text-align:center}.alreadyRegistered,.resetPasswordLink{margin-top:15px}@media(min-width:455px){.login,.register{margin-right:auto;margin-left:auto;width:300px}}@media(min-width:768px){.login,.register{width:350px}}.myAccount{flex:1 1 auto;min-height:69vh}.myAccountContainer{background:#f0f0f0;position:relative;margin:20px;padding:10px 15px 15px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.myAccountContainer h2{font-family:"Cinzel",serif;font-size:2rem;text-align:center;margin-bottom:10px}.myAccountContainer p{font-family:"Raleway",sans-serif;display:inline-block;margin-bottom:15px;white-space:nowrap}.myAccountContainer input{width:100%;height:.8rem;margin-left:8px;margin-right:8px;border:none;border-bottom:1px solid #2b2b2b;border-radius:2px;background:#f0f0f0}.myAccountContainer button{padding:4px;margin:0 0 2px 5px}.myAccountContainer section{justify-content:space-between}.myAccountContainer form,.myAccountContainer section{display:flex;align-items:baseline}.myAccountContainer .deletebtn{width:50px;margin-left:auto}.myAccountContainer .confirmDelete{margin:20px 0 15px;display:flex;justify-content:space-between}.myAccountContainer .confirmDeleteText{white-space:break-spaces;max-width:150px}.myAccountContainer .btnGroup{min-width:90px;width:90px;margin-left:10px}@media(min-width:455px){.myAccountContainer{margin-left:7vw;margin-right:7vw;padding:30px}.myAccountContainer h2{margin-bottom:20px}}@media(min-width:768px){.myAccountContainer{margin-left:auto;margin-right:auto;max-width:500px}.myAccountContainer input{margin-left:25px;margin-right:25px}}.shelfItemBox{height:220px;width:80vw;min-width:280px;display:relative;margin:20px;padding:10px;background:#fff;text-decoration:none;border:1px solid #2b2b2b}.shelfItemBox img{margin-top:10px;height:110px;object-fit:cover}.shelfItemBox .nameFlex{display:flex;justify-content:center}.shelfItemBox h3{color:#2b2b2b;display:inline-block;text-align:center;font-family:"Cinzel",serif;font-size:1.2rem;margin:5px 2px 10px;padding:2px 20px;background:#f0f0f0;border:1px solid #2b2b2b}.shelfItemBox h4{font-size:1rem}.shelfItemBox p{font-family:"Raleway",sans-serif;font-size:.8rem;color:#2b2b2b}.shelf{flex-flow:row wrap}.shelf,.shelfItemFlex{display:flex;justify-content:center}.shelfItemFlex{flex-flow:row nowrap}.linkContainer{display:relative}.linkContainer:hover .infoText{opacity:1}.linkContainer:hover .shelfImage{opacity:.4}.overlay{position:relative}.infoText{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,150%);text-decoration:none;padding:10px;background:#f0f0f0;opacity:0;transition:.5ms;border-radius:1px;color:#2b2b2b;transition:.5s ease}.shelfImage{max-width:100%;object-fit:contain;transition:.5s ease}.stats{display:relative;max-width:45%;max-height:100%;margin:10px 0 10px 10px;padding:15px;border:1px solid #2b2b2b;background:#f0f0f0}.stats h4{font-family:"Cinzel",serif;text-align:center;margin-bottom:15px}.stats p{margin-bottom:10px}.rating p{display:inline-block;margin-right:5px}@media(min-width:455px){.shelfItemBox{width:350px;margin:20px}.shelfItemBox h3{font-size:1.4rem}.shelfItemBox h4{font-size:1.2rem}}@media(min-width:768px){.shelf{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start}.shelfItemBox{width:400px}}#gameLibrary{max-width:100vw}#searchResAndForm{display:flex}@media(max-width:768px){#searchResAndForm{margin:20px;flex-wrap:wrap;justify-content:center;align-items:center}}.flexAside{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:center}@media(min-width:768px){.gameLeaderboard{height:220px;min-width:250px;margin-top:45px;margin-left:22px;margin-bottom:40px}}.footer{margin-top:30px;padding-top:20px;text-align:center;background:#bebdbd;min-width:100vw;width:100vw;flex:0 0 160px}.footer h4{font-family:"Cinzel",serif;margin-bottom:10px}.footer p{font-family:"Raleway",sans-serif;margin-bottom:10px}.footer a{cursor:pointer;text-decoration:none;color:#2b2b2b}.footer a:hover{color:#91360c}.footerHexContainer{margin:20px 38px 0 0;display:inline-block;transition:.8s ease-in-out;cursor:pointer}.footerHexagon1,.footerHexagon2{width:40px;height:22.5px;background:transparent;border:1.75px solid #2b2b2b;border-radius:1px;position:absolute;transition:.8s ease-in-out}.footerHexagon2{transform:rotate(60deg)}.footerHexagon3{width:40px;height:22.5px;background:transparent;border:1.75px solid #2b2b2b;border-radius:1px;position:absolute;transition:.8s ease-in-out;transform:rotate(120deg)}.footerHexContainer:hover .footerHexagon1{transition:.8s ease-in-out;transform:rotate(180deg)}.footerHexContainer:hover .footerHexagon2{transition:.8s ease-in-out;transform:rotate(300deg)}.footerHexContainer:hover .footerHexagon3{transition:.8s ease-in-out;transform:rotate(600deg)}.leaderboard{background:#bebdbd;padding:30px;margin:0 auto 20px;width:270px;border:6px double #2b2b2b}.leaderboard .leaderHeader{font-family:"Cinzel",serif;display:block;text-align:center;margin:0 auto 30px;color:#2b2b2b}.leaderboard h5{font-size:1.2rem;color:#2b2b2b;margin-top:-15px}.leaderboard p{font-family:"Raleway",sans-serif}.leaderboard .medals{height:20px;margin-top:-4px;margin-right:4px}.leaderboard .columns,.leaderboard .leaderRow{display:flex;flex-flow:row nowrap;justify-content:space-between}.leaderboard .leaderRow{margin-top:10px}.leaderboard .position{display:flex}.playCountContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.removeButton{margin-top:15px}.alreadyGame{margin-bottom:10px}#counterBox{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100px;margin-top:10px}.input{height:65%}.addRemPlay,.addRemRating{height:35px;width:35px;padding:0}#playCtNum{font-size:1.3rem}#ratingReviewContainer{border:1px solid #2b2b2b;padding:5px;height:150px}#ratingChanger{margin-bottom:10px}#review{max-width:700px;width:80vw;font-weight:700;resize:none;overflow:scroll;outline:none;border:none;box-shadow:none;background-color:#fff}.resetPasswordPage{flex:1 1 auto;text-align:center}.resetPasswordPage .resetPasswordContainer{margin:20px;padding:30px;background:#f0f0f0}.resetPasswordPage h3{text-align:center;margin-bottom:10px}.resetPasswordPage input{margin-bottom:10px}
/*# sourceMappingURL=main.ab7bd008.chunk.css.map */