.card{background:#464545;border-radius:12px;transition:transform .2s;overflow:hidden}.card:hover{transform:scale(1.05)}.imagesection{width:100%;height:180px;overflow:hidden}.image{object-fit:cover;width:100%;height:100%}.titlesection{color:#e2dfdf;padding:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:600;text-decoration:none}.platformicons{gap:10px;font-size:18px;display:flex}.rating_logo{justify-content:space-between;align-items:center;gap:10px;display:flex}.rating_logo p{border-radius:5px;padding-left:5px;padding-right:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;text-decoration:none}.platformicons svg{opacity:.7;transition:all .2s}.card:hover .platformicons svg{opacity:1;color:#fff}.red{color:#b00;background-color:#fff;border:1px solid #f07070;font-weight:700}.green{color:#fff;background-color:#2fe20354;border:1px solid #9dffae;font-weight:700}.grey{color:#fff;background-color:#0007;border:1px solid #c7c7c7;font-weight:700}.gamegrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px;padding:15px;display:grid}.gridheadline{color:#e2dfdf;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:40px;font-weight:700}.skleton_gamecard{border-radius:12px;overflow:hidden}.skleton_image{height:180px;animation:1s ease-in-out infinite imageload}@keyframes imageload{0%{background-color:#222}to{background-color:#424242}}.skleton_content{height:80px;animation:1s ease-in-out infinite contentload}@keyframes contentload{0%{background-color:#424242}to{background-color:#222}}@media screen and (width<=600px){.gamegrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-content:center;gap:30px;padding:10px;display:grid}.gridheadline{padding:10px}}.filters{gap:10px;display:flex}.platformselect,.orderselect{color:#fff;background-color:#3b3b3b;border:none;border-radius:10px;padding:10px}.resetbutton{color:#fff;cursor:pointer;align-self:center;margin-left:10px;font-size:20px}.resetbutton:hover{transform:scale(1.1)}@media screen and (width<=600px){.platformselect,.orderselect{appearance:none;width:200px}html{scrollbar-gutter:stable}.filters{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;gap:10px;width:100vw;display:grid}.gridheadline{text-align:center;font-size:30px}}.genresimagesection{border-radius:20px;width:40px;height:40px;overflow:hidden}.genresimage{object-fit:cover;width:100%;height:100%}.genrestextsection{color:#999;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:600}.genrestextsection :hover{color:#fff}.genres_card{align-items:center;gap:8px;margin-bottom:3px;display:flex}.genrestextsection_active{color:#fafafa;cursor:pointer;font-weight:700}.genretitle{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:30px;font-weight:700}.sidebar{padding-top:10px;padding-left:30px}@media screen and (width<=600px){.sidebar{display:none}}.home{grid-template-columns:220px 1fr;gap:20px;display:grid}.buttons{justify-content:center;gap:10px;display:flex}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (width<=600px){html{scrollbar-gutter:stable}.maincontainer{justify-content:center;width:100vw;margin-top:100px}}.detailsContainer{grid-template-columns:1fr 1fr;padding:20px;display:grid}.backbutton{padding:30px 0 0 30px}.backbutton button{color:#fff;cursor:pointer;background-color:#313131;border:none;border-radius:12px;padding:12px 30px}.spinner{border:4px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spinner}.loading{width:30px;height:30px;padding:5px}.loadingtrailer{justify-self:center;width:30px;height:30px;padding:5px}.loadingscreens{color:silver;justify-self:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:600}.preview{place-self:center;width:60%;height:75%;position:fixed;top:0;bottom:0;overflow:hidden}.preview img{object-fit:contain;width:100%}.button{color:#d6d6d6;border:none;justify-self:end;font-size:40px;display:flex;position:relative;top:40px}.button:hover{cursor:pointer;color:#fff;transform:scale(1.1)}@media screen and (width<=600px){.detailsContainer{grid-template-columns:1fr}.preview{width:90%;padding:5px}.preview svg{width:30px}.preview img{border:2px solid #ffffffb6}.detailspage{margin-top:120px}.backbutton{justify-content:center;display:flex}}.trailer video{width:100%}.trailer{padding:10px}.trailername{color:#e2dfdf;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;font-weight:700}@media screen and (width<=600px){.trailer{padding:0}}.screenshots{grid-template-columns:1fr 1fr;gap:10px;padding:10px;display:grid;overflow:hidden}.image{object-fit:cover;cursor:pointer;width:100%;height:200px}.image:hover{border:1px solid #ffffff5e}@media screen and (width<=600px){.screenshots{grid-template-columns:1fr}}.additionalinfo{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.description_toggle{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.description_button{color:#000;background-color:#ffffffe3;border:1px solid #000;border-radius:7px;padding:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:700}.heading{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:35px;font-weight:bolder}.description{color:#e2dfdf;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:400;line-height:24px}.about{padding:10px}h3{color:#707070;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:bolder}.additionalinfo{padding:10px}.aboutdetails{color:#e2dfdf;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:400;line-height:10px}.score{color:#afafaf;background-color:#580d3f;border-radius:10px;padding:5px 13px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:lighter;display:inline}.searchbox{width:100%;padding-top:20px;padding-left:30px;padding-right:30px}.textbox{caret-color:wheat;color:#fff;background-color:#3a3a3a;border:none;border-radius:35px;width:100%;height:40px;padding-left:30px;font-size:medium}.textbox::placeholder{color:#7c7979;font-size:medium}@media screen and (width<=600px){.searchbox{justify-content:center;display:flex}.textbox::placeholder{font-size:small}}.headercontainer{grid-template-columns:200px 1fr;width:80%;height:70px;padding-top:10px;display:grid}.imageheader{cursor:pointer;width:100%;overflow:hidden}.imageheader:hover{border-bottom:1px solid #f8bd1cf6;border-radius:30px}.imageheader img{object-fit:contain;width:100%;height:100%}@media screen and (width<=600px){.imageheader{cursor:pointer;max-width:300px;overflow:hidden}html{scrollbar-gutter:stable}.headercontainer{flex-wrap:wrap;justify-content:center;width:100vw;display:flex}}body{background-color:#1b1b1b;margin:0}