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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Arial,Helvetica,sans-serif;height:auto;overflow:hidden;width:100%}.home-container{color:#fff;display:flex;height:auto}.sidebar-container{align-items:center;display:flex;flex:15% 1;flex-direction:column}.sidebar-container svg{color:green;font-size:38px;margin-left:4px;padding-top:3px}.sidebar-container a{color:#fff;font-size:20px;margin:20px;text-decoration:none;transition:all .05s}.sidebar-container a:hover{color:#0bd80b;-webkit-transform:scale(1.15);transform:scale(1.15)}.sidebar-heading{align-items:center;border-bottom:1px solid grey;color:#5c5959;display:flex;font-size:20px;font-weight:700}.body-container{flex:85% 1}.navbar-container{background-color:transparent;display:flex;flex-direction:row;height:80px;width:100%}.navbar-container .logo-container{align-items:center;cursor:pointer;display:flex;flex:50% 1;height:100%;padding-left:30px}.navbar-container .logo-container img{height:60px}.navbar-container .menu-container{align-items:center;display:flex;flex:50% 1;height:100%;justify-content:flex-end;padding-right:30px}.navbar-container a{color:#fff;margin:20px;text-decoration:none}.navbar-container .search{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:2500px}.navbar-container .search-inputs{background-color:hsla(0,0%,50%,.366);border-radius:40px;display:flex;height:50px;justify-content:center;width:1200px}.navbar-container .search input{background-color:transparent;border:0;color:#fff;font-size:20px;height:50px;padding-left:10px;width:1200px}.navbar-container .search input:focus{outline:none}.navbar-container .search .search-icon{display:flex;justify-content:flex-end}.navbar-container .search .search-icon button{background-color:grey;border:none;border-radius:40px;color:#000;margin:10px;-webkit-transform:translate .5s ease;transform:translate .5s ease}.navbar-container .search .search-icon button:hover{background-color:#fff;cursor:pointer;translate:scale(1.25)}.data-results{background-color:#fff;color:#000;height:400px;margin-top:5px;overflow:hidden;overflow-y:auto;position:absolute;top:85px;width:1200px;z-index:3}.data-results .each-item{align-items:center;border-bottom:1px solid #000;color:#000;display:flex;font-size:20px;height:80px;width:100%}.data-results .each-item:hover{background-color:grey}.data-results .each-item a{color:#000;text-decoration:none}.btn{background:transparent;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;margin-top:-5px}.btn:hover{background-color:#fff;color:#000}.footer-container{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:150px;justify-content:center;width:100%}.footer-desc{font-size:15px}.footer-name{font-size:25px}.about-container{align-items:center;background:transparent;display:flex;height:100vh;justify-content:center;width:100vw}.desc-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:600px;width:600px}.about-heading{border-bottom:1px solid green;color:gray;font-size:60px;height:70px;padding-top:70px;width:100%}.about-desc{height:100px;padding-top:20px}.about-desc,.about-desc2{font-size:20px;width:100%}.about-desc2{height:40px}.about-icons{display:flex;height:60px;justify-content:center;width:100%}.about-icons a{color:#fff;text-decoration:none}.about-icons svg{cursor:pointer;font-size:35px;margin:10px}.back-icon{cursor:pointer;height:40px;left:5px;position:absolute;top:5px;width:40px}.back-icon svg{color:#fff;font-size:40px}.body-container{color:#fff;display:flex;flex-wrap:wrap;min-height:85vh}.game{border-radius:15px;height:350px;margin:10px;overflow:hidden;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:350px}.game:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.game-img{height:210px;width:350px}.game-body{background-color:#211e1e;display:flex;flex-wrap:wrap;height:140px;justify-content:center;width:350px}.game-body .game-body-title{font-size:22px;padding:10px}.game-body .game-body-details,.game-body .game-body-title{display:flex;font-weight:700;justify-content:center;width:100%}.game-body .game-body-details{color:#b6b4b4;font-size:14px}body{margin:0;padding:0}.page-container{color:#fff;height:100%;width:100%}.details-container,.page-container{display:flex;justify-content:center}.details-container{flex-wrap:wrap;height:auto;margin-top:20px;min-height:75vh;width:90%}.title-info{height:auto;margin-right:20px;width:600px}.title{color:#fff;font-size:6rem;font-weight:700;margin-bottom:20px;max-height:65%;overflow:hidden;width:100%}.info-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:20px;max-height:43%;width:100%}.info-1{height:100px;width:160px}.info-2{max-height:160px;width:160px}.info-3{height:100px;width:500px}.heading{color:#a19e9e;display:flex;justify-content:center;width:100%}.value{height:80px}.value,.value-2{align-items:center;display:flex;justify-content:center;width:100%}.value-2{align-content:center;color:#fff;flex-wrap:wrap;max-height:130px;min-height:80px}.genre,.platform{margin:5px}.platform{align-items:center;display:flex;justify-content:center}.developer{margin:5px}.about{height:auto;width:100%}.screenshot-container{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-left:20px;max-height:500px;width:500px}.screenshot{cursor:pointer;height:130px;margin:5px;width:200px}.modalWrapper{align-items:center;background-color:#000;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}.modal{background-color:#fff;color:#000;display:flex;height:95%;position:relative;width:1600px;z-index:5}.modal button{background:transparent;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:30px;font-weight:700;height:100px;position:absolute;right:10px;top:10px;-webkit-transform:translate 1s ease;transform:translate 1s ease;width:100px;z-index:6}.modal button:hover{background-color:#fff;translate:scale(1.05)}.signup-page{align-items:center;display:flex;height:1100px;justify-content:center;position:relative;width:100%}.signup-container{height:300px;overflow:hidden;position:absolute;top:45%;width:500px}h3{color:#fff;display:flex;justify-content:center}.login,.signup{transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;width:100%}.signup-input{display:flex;justify-content:center;width:100%}.signup-input input{background:transparent;border-radius:10px;color:#fff;font-size:20px;height:30px;margin-top:30px;width:80%}.signup-input input:focus{outline:none}.signup-heading-sign{color:#fff;font-size:20px;text-decoration:underline;width:100%}.signup-btn2,.signup-heading-sign{display:flex;justify-content:center;margin-top:30px}.signup-btn2 button{background:transparent;border-radius:25px;box-shadow:0 0 10px;color:#fff;cursor:pointer;font-size:20px;padding:4px;text-decoration:none;transition:all .05s}.signup-btn2 button:active{-webkit-transform:scale(.95);transform:scale(.95)}.signup-btn2 button:hover{background-color:#fff;box-shadow:0 0 30px #fff;color:#000}.signup-btn3{background:transparent;color:#787676;font-size:18px;margin-left:10px;margin-top:-5px;text-decoration:none}.signup-btn3:hover{color:#fff;cursor:pointer}.signup-link{color:#fff;display:flex;justify-content:center;margin-bottom:30px;margin-top:50px}.signup-logo{height:300px;left:20%;padding:0;position:absolute;top:10%;width:100%}.signup-logo img{height:300px;width:1000px}
/*# sourceMappingURL=main.1b04e4b4.css.map*/