*{list-style:none}body,html{margin:0;padding:0}.App{overflow:hidden}#logo{-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-timing-function:linear;animation-timing-function:linear;margin:auto;width:5em}#logo:hover{-webkit-animation-duration:2s;animation-duration:2s;cursor:pointer}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Header{background-color:#e0f07f;background-image:url(/static/media/gamebckg.fcd030ee974e14876692.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:1fr 5fr 1fr;height:23vh;width:100%}#headerText{color:azure;font-size:larger;text-align:center}#headerText h1{font-size:2rem}#logBtn{padding:.6em;position:fixed;right:1vw;top:15vh}#user{background-color:#313131b9;border:2px solid #1f1e1e;border-radius:1em;display:block;grid-area:user;margin-left:40%;margin-top:0;padding:.3em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#userSectionHeader{align-items:center;background-color:hsla(0,0%,51%,.7);border-radius:3em;margin-left:auto;overflow:hidden;text-align:center;width:8em}#userContainer{margin-top:2.1em}#userLogImg{height:5em;margin:auto;width:5em}#userLogImg>img{border-radius:40%;height:100%;width:100%}.Nav{align-items:center;background-color:#000;display:flex;flex-direction:row;height:8vh;justify-content:space-around}.Nav a{background:#4f4f4f;background:linear-gradient(90deg,#4f4f4f,#616060 34%,#868585 71%,#9c9c9c);border-radius:1em .4em;color:azure;height:40%;line-height:1.5em;margin:.2em;padding:.4em;text-align:center;text-decoration:none;width:6em}.Nav a:hover{box-shadow:0 .1em .2em .2em #f1a533;color:#f1a533}.Main{align-content:center;background-color:#fdfdfd;overflow:hidden}.Main ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:.2em;text-align:center}.categoryCard{border:1px solid #000;border-radius:.8em;display:grid;grid-template-rows:2fr 3fr 1fr;margin:.3em;width:20em}#categoryDesc,#categoryTitle,.categoryCard{background-color:hsla(0,0%,51%,.479);text-align:center}#categoryDesc,#categoryTitle{border-radius:.6em;color:#030303;margin:auto}.categoryCard button{border-radius:.6em;grid-area:btn;padding:.3em}.cardsDisplay{display:flex;flex-wrap:wrap;justify-content:center}#commentBody{word-break:break-word}#textAreaWarning{display:none}.addComment textarea{height:15vh;width:25vw}.cardContainer{background-color:#bbb;border:1px solid #000;border-radius:.8em;display:grid;grid-template-areas:"title title img img" "title title img img" "owner owner img img" "category category img img" "comments votes ... ...";grid-template-columns:auto;margin:.1em;max-width:26em;min-width:20em;width:100%}#userImg{grid-area:img;height:7em;margin:.2em;width:7em}#userCard{align-items:center;display:flex;flex-direction:column;width:10em}#userCard button{border-radius:.6em;padding:.4em}#userCard button:hover{background-color:#e1f07f8f}#cardTitle{background-color:hsla(0,0%,51%,.479);border-radius:.6em;color:azure;grid-area:title;text-align:center}#cardOwner{grid-area:owner}#cardCategory{grid-area:category}#cardComments{grid-area:comments}.cardImgContainer{grid-area:img;height:10em;margin-right:.5em;margin-top:.5em;padding:.5em;width:10em}.cardImgContainer>img{border-radius:1em;box-shadow:0 .1em .4em .2em #646463;height:100%;width:100%}#reviewImgContainer{border-radius:.8em;box-shadow:.1em .1em .2em .2em grey;float:right;height:20em;margin:.5em;width:22em}#reviewImgContainer img{border-radius:.6em;height:100%;width:100%}.singleReview{background-color:#bbb;border:1px solid #a7a7a7;border-radius:.8em;margin:auto;padding:2em;width:90vw}#commentCard{border:1px dotted #3a3a3a;border-radius:.8em;margin:.1em;width:80%}#commentText{background-color:#e2e2e2;border-radius:.8em;margin:1em;padding:1em;text-align:left}#sorting{padding:.5em;text-align:center}#sorting select{padding:.4em}@media only screen and (max-width:600px){.addComment textarea{height:20vh;width:85vw}}.loader{-webkit-animation:load5 1.1s ease infinite;animation:load5 1.1s ease infinite;border-radius:50%;font-size:25px;height:1em;margin:100px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1em}@-webkit-keyframes load5{0%,to{box-shadow:0 -2.6em 0 0 #e37d7d,1.8em -1.8em 0 0 hsla(0,65%,69%,.2),2.5em 0 0 0 hsla(0,65%,69%,.2),1.75em 1.75em 0 0 hsla(0,65%,69%,.2),0 2.5em 0 0 hsla(0,65%,69%,.2),-1.8em 1.8em 0 0 hsla(0,65%,69%,.2),-2.6em 0 0 0 hsla(0,65%,69%,.5),-1.8em -1.8em 0 0 hsla(0,65%,69%,.7)}12.5%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.7),1.8em -1.8em 0 0 #e37d7d,2.5em 0 0 0 hsla(0,65%,69%,.2),1.75em 1.75em 0 0 hsla(0,65%,69%,.2),0 2.5em 0 0 hsla(0,65%,69%,.2),-1.8em 1.8em 0 0 hsla(0,65%,69%,.2),-2.6em 0 0 0 hsla(0,65%,69%,.2),-1.8em -1.8em 0 0 hsla(0,65%,69%,.5)}25%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.5),1.8em -1.8em 0 0 hsla(0,65%,69%,.7),2.5em 0 0 0 #e37d7d,1.75em 1.75em 0 0 hsla(0,65%,69%,.2),0 2.5em 0 0 hsla(0,65%,69%,.2),-1.8em 1.8em 0 0 hsla(0,65%,69%,.2),-2.6em 0 0 0 hsla(0,65%,69%,.2),-1.8em -1.8em 0 0 hsla(0,65%,69%,.2)}37.5%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.2),1.8em -1.8em 0 0 hsla(0,65%,69%,.5),2.5em 0 0 0 hsla(0,65%,69%,.7),1.75em 1.75em 0 0 #e37d7d,0 2.5em 0 0 hsla(0,65%,69%,.2),-1.8em 1.8em 0 0 hsla(0,65%,69%,.2),-2.6em 0 0 0 hsla(0,65%,69%,.2),-1.8em -1.8em 0 0 hsla(0,65%,69%,.2)}50%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.2),1.8em -1.8em 0 0 hsla(0,65%,69%,.2),2.5em 0 0 0 hsla(0,65%,69%,.5),1.75em 1.75em 0 0 hsla(0,65%,69%,.7),0 2.5em 0 0 #e37d7d,-1.8em 1.8em 0 0 hsla(0,65%,69%,.2),-2.6em 0 0 0 hsla(0,65%,69%,.2),-1.8em -1.8em 0 0 hsla(0,65%,69%,.2)}62.5%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.2),1.8em -1.8em 0 0 hsla(0,65%,69%,.2),2.5em 0 0 0 hsla(0,65%,69%,.2),1.75em 1.75em 0 0 hsla(0,65%,69%,.5),0 2.5em 0 0 hsla(0,65%,69%,.7),-1.8em 1.8em 0 0 #e37d7d,-2.6em 0 0 0 hsla(0,65%,69%,.2),-1.8em -1.8em 0 0 hsla(0,65%,69%,.2)}75%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.2),1.8em -1.8em 0 0 hsla(0,65%,69%,.2),2.5em 0 0 0 hsla(0,65%,69%,.2),1.75em 1.75em 0 0 hsla(0,65%,69%,.2),0 2.5em 0 0 hsla(0,65%,69%,.5),-1.8em 1.8em 0 0 hsla(0,65%,69%,.7),-2.6em 0 0 0 #e37d7d,-1.8em -1.8em 0 0 hsla(0,65%,69%,.2)}87.5%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.2),1.8em -1.8em 0 0 hsla(0,65%,69%,.2),2.5em 0 0 0 hsla(0,65%,69%,.2),1.75em 1.75em 0 0 hsla(0,65%,69%,.2),0 2.5em 0 0 hsla(0,65%,69%,.2),-1.8em 1.8em 0 0 hsla(0,65%,69%,.5),-2.6em 0 0 0 hsla(0,65%,69%,.7),-1.8em -1.8em 0 0 #e37d7d}}@keyframes load5{0%,to{box-shadow:0 -2.6em 0 0 #e37d7d,1.8em -1.8em 0 0 hsla(0,65%,69%,.2),2.5em 0 0 0 hsla(0,65%,69%,.2),1.75em 1.75em 0 0 hsla(0,65%,69%,.2),0 2.5em 0 0 hsla(0,65%,69%,.2),-1.8em 1.8em 0 0 hsla(0,65%,69%,.2),-2.6em 0 0 0 hsla(0,65%,69%,.5),-1.8em -1.8em 0 0 hsla(0,65%,69%,.7)}12.5%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.7),1.8em -1.8em 0 0 #e37d7d,2.5em 0 0 0 hsla(0,65%,69%,.2),1.75em 1.75em 0 0 hsla(0,65%,69%,.2),0 2.5em 0 0 hsla(0,65%,69%,.2),-1.8em 1.8em 0 0 hsla(0,65%,69%,.2),-2.6em 0 0 0 hsla(0,65%,69%,.2),-1.8em -1.8em 0 0 hsla(0,65%,69%,.5)}25%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.5),1.8em -1.8em 0 0 hsla(0,65%,69%,.7),2.5em 0 0 0 #e37d7d,1.75em 1.75em 0 0 hsla(0,65%,69%,.2),0 2.5em 0 0 hsla(0,65%,69%,.2),-1.8em 1.8em 0 0 hsla(0,65%,69%,.2),-2.6em 0 0 0 hsla(0,65%,69%,.2),-1.8em -1.8em 0 0 hsla(0,65%,69%,.2)}37.5%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.2),1.8em -1.8em 0 0 hsla(0,65%,69%,.5),2.5em 0 0 0 hsla(0,65%,69%,.7),1.75em 1.75em 0 0 #e37d7d,0 2.5em 0 0 hsla(0,65%,69%,.2),-1.8em 1.8em 0 0 hsla(0,65%,69%,.2),-2.6em 0 0 0 hsla(0,65%,69%,.2),-1.8em -1.8em 0 0 hsla(0,65%,69%,.2)}50%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.2),1.8em -1.8em 0 0 hsla(0,65%,69%,.2),2.5em 0 0 0 hsla(0,65%,69%,.5),1.75em 1.75em 0 0 hsla(0,65%,69%,.7),0 2.5em 0 0 #e37d7d,-1.8em 1.8em 0 0 hsla(0,65%,69%,.2),-2.6em 0 0 0 hsla(0,65%,69%,.2),-1.8em -1.8em 0 0 hsla(0,65%,69%,.2)}62.5%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.2),1.8em -1.8em 0 0 hsla(0,65%,69%,.2),2.5em 0 0 0 hsla(0,65%,69%,.2),1.75em 1.75em 0 0 hsla(0,65%,69%,.5),0 2.5em 0 0 hsla(0,65%,69%,.7),-1.8em 1.8em 0 0 #e37d7d,-2.6em 0 0 0 hsla(0,65%,69%,.2),-1.8em -1.8em 0 0 hsla(0,65%,69%,.2)}75%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.2),1.8em -1.8em 0 0 hsla(0,65%,69%,.2),2.5em 0 0 0 hsla(0,65%,69%,.2),1.75em 1.75em 0 0 hsla(0,65%,69%,.2),0 2.5em 0 0 hsla(0,65%,69%,.5),-1.8em 1.8em 0 0 hsla(0,65%,69%,.7),-2.6em 0 0 0 #e37d7d,-1.8em -1.8em 0 0 hsla(0,65%,69%,.2)}87.5%{box-shadow:0 -2.6em 0 0 hsla(0,65%,69%,.2),1.8em -1.8em 0 0 hsla(0,65%,69%,.2),2.5em 0 0 0 hsla(0,65%,69%,.2),1.75em 1.75em 0 0 hsla(0,65%,69%,.2),0 2.5em 0 0 hsla(0,65%,69%,.2),-1.8em 1.8em 0 0 hsla(0,65%,69%,.5),-2.6em 0 0 0 hsla(0,65%,69%,.7),-1.8em -1.8em 0 0 #e37d7d}}
/*# sourceMappingURL=main.183469bf.css.map*/