@import"https://fonts.googleapis.com/css2?family=Imprima&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Sansation,sans-serif;font-size:1.6rem;line-height:1.5;background-image:linear-gradient(#1b2838,#2a475e);overflow-x:hidden}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.error-text{color:#ff4d4d;font-family:Imprima,sans-serif}img{max-width:100%;display:block}#root{max-width:100%;margin:0;padding:0;text-align:center}.app-container{overflow-y:auto;height:100vh;width:100%;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.app-container::-webkit-scrollbar{display:none}.first-fold,.second-fold{position:relative;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.first-fold{justify-content:space-around;padding:4rem 0}.hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.SteamSearchMain{width:22rem;height:auto}.continuePrompt{display:flex;flex-direction:row;gap:1.5rem;align-self:center;padding-right:1.75rem;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 0 5px rgba(255,255,255,0));cursor:pointer}.enter{width:1.75rem;height:auto}.pressEnter{font-size:1.5rem;color:#fff;font-weight:0}.continuePrompt:hover{transform:scale(1.05);filter:drop-shadow(0 0 5px rgba(255,255,255,.6))}.second-fold{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;padding-bottom:5rem}.callToAction{margin-top:10rem;margin-bottom:4rem;margin-right:6rem;color:#fff;font-size:2.5rem;max-width:47rem;text-align:left}.highlight{color:#66c0f4}.searchbar_container{margin-top:0;display:flex;flex-direction:row;align-items:center;gap:1rem;position:relative}.searchbar{height:3rem;width:45rem;background:#0000;border:solid;border-color:#fff;border-width:.1rem;padding-left:.6rem;font-family:Sansation,sans-serif;font-size:1.25rem;color:#fff}.searchbar:focus{outline:none;border-color:#66c0f4}.searchGlass{height:5rem;transition:transform .3s ease;cursor:pointer;z-index:2}.searchGlass:hover{transform:scale(1.05) rotate(-15deg)}.filters_container{display:flex;flex-direction:row;margin-right:5rem;margin-top:1rem}.algorithm{font-size:1rem;padding:.5rem;width:7rem;border:solid;border-width:.1rem;border-color:#fff;color:#fff;cursor:pointer;transition:all .2s ease;margin:0 .1rem 0 1rem;background:#ffffff0d}.algorithm.active{border-color:#66c0f4;color:#66c0f4;background:#66c0f41a}.algorithm:hover:not(.active){background:#ffffff1a}.search_section{position:relative;z-index:1}.search_results_dropdown{position:absolute;top:4rem;left:0;width:45rem;background:#1b2838f2;border:1px solid white;z-index:100;max-height:300px;overflow-y:auto;box-shadow:0 10px 20px #00000080}.search_result_item{color:#fff;display:flex;align-items:center;gap:1rem;padding:.5rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1)}.search_result_item:hover{background:#66c0f433}.search_result_item img{width:175px;height:auto;border:solid;border-width:.1rem;border-color:#fff}.results_display{display:flex;flex-direction:column;align-items:center;width:95%;margin-top:2rem;position:relative;z-index:1}.selected_game_card{display:flex;flex-direction:column;border-radius:20px;border:solid;border-color:#fff;border-width:.1rem;gap:1rem;padding-bottom:1rem;min-height:20rem;max-height:20rem}.gameImage_selected{width:90%;border-radius:20px;border:solid;border-color:#fff;border-width:.1rem;align-self:center;margin-top:1.25rem}.gameName_selected{font-size:1.75rem;color:#fff;font-weight:0;text-align:left;align-self:center;max-width:22rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%}.stats_container{padding:1rem;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.stat_item{display:flex;flex-direction:row;gap:1rem}.algo_logo{height:2.5rem;margin-top:-.25rem}.algorithm_text{font-size:1.25rem;color:#fff;font-weight:0;text-align:left;align-self:center;max-width:25rem}.stopwatch{height:2.75rem}.time{font-size:1.25rem;color:#fff;font-weight:0;text-align:left;align-self:center;margin-bottom:.25rem}.game_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-height:none;width:90%;animation:slideUpFade .6s ease-out forwards;justify-content:center;justify-items:center;margin:0 auto}.recommendation_card{display:flex;flex-direction:column;border-radius:20px;border:solid;border-color:#fff;border-width:.1rem;cursor:pointer;width:100%;max-width:25rem;gap:1rem;padding-bottom:1rem;min-height:20rem;max-height:20rem;max-width:30rem}.recommendation_card:hover{border-color:#66c0f4;background:#66c0f40d}.gameImage_recomendation{width:90%;border-radius:20px;border:solid;border-color:#fff;border-width:.1rem;align-self:center;margin-top:1.25rem}.gameName_recomendation{font-size:1.75rem;color:#fff;font-weight:0;text-align:left;align-self:center;max-width:22rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%}.pagination_footer{display:flex;align-items:center;gap:2.5rem;color:#fff;font-size:1.5rem;margin-top:3.5rem;margin-bottom:2rem}.pagination_footer button{background:transparent;border:1px solid white;color:#fff;padding:.5rem 1rem;cursor:pointer;border-radius:4px}.steam{position:absolute;bottom:2rem;left:2rem;height:4rem;width:auto}.gaminggraphic{position:absolute;bottom:0;right:0;width:clamp(300px,40vw,600px);height:auto;z-index:-1}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
