@import"https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100;200;300;400;500&family=Bebas+Neue&display=swap";body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1d1d20;min-width:320px;font-family:Anek Latin,sans-serif;transition:1s;width:100%;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{max-width:1180px;margin:0 auto;padding:0 40px;color:#fff;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}a{color:#fff;text-decoration:none}.secondary-text{color:#505254}@media screen and (max-width:460px){.App{padding:0 20px}}.game-cover{height:180px;width:100%;background-size:cover;background-position:center;border-top-left-radius:15px;border-top-right-radius:15px}@media screen and (max-width:680px){.game-cover{height:230px}}.btn{border-radius:5px;color:#fff;border:none;padding:5px 25px;cursor:pointer}.btn--primary{background-color:#e83611}.btn--primary:hover{background-color:#ff0266;color:#eaeaea;transition:1s}.btn--secondary{background-color:#505254}.btn--secondary:hover{background-color:#505254cc}.btn--small{font-size:14px}.btn--medium{font-size:18px}.game-buy{display:flex;align-items:center;column-gap:10px;background-color:#242529;padding-left:10px;border-radius:6px}.game-buy__price{display:flex;justify-content:center}.game-genre{background-color:#3f4142;padding:5px 10px;font-size:13px;border-radius:5px}.game-genre:not(:last-child){margin-right:7px}.game-item{text-decoration:none;color:#fff;width:320px;height:290px;background-color:#292a2e;border-radius:15px;cursor:pointer;position:relative}.game-item__title{font-size:18px;font-weight:700}.game-item__genre{margin-top:10px;display:flex;flex-wrap:wrap}.game-item__details{padding:10px 20px}.game-item__description{margin-top:10px;font-size:14px}.game-item__buy{position:absolute;right:0;bottom:-12px}.game-item:hover{background-color:#292a2eb3}.game-item:hover .game-cover,.game-item:hover .game-item__title,.game-item:hover .game-item__genre,.game-item:hover .game-buy__price,.game-item:hover .btn{opacity:.9}@media screen and (max-width:680px){.game-item{width:250px;height:320px}}.home-page{display:flex;flex-wrap:wrap;row-gap:40px;column-gap:50px;justify-content:space-between;padding:0 0 30px}@media screen and (max-width: 1142px){.home-page{justify-content:space-evenly;column-gap:30px;padding:40px 0}}.game-page__content{display:flex;justify-content:center}.game-page__left{width:70%}.game-page__right{width:30%}.game-page__buy-game{display:flex;justify-content:flex-end;margin-top:20px}.game-page__title{padding-left:2px}.game-page__iframe{border-radius:5px;width:90%;height:400px;border:none}.description{text-indent:5px;font-weight:300;line-height:1.2}@media screen and (max-width:990px){.game-page__content{flex-direction:column;row-gap:40px}.game-page__left{width:100%;order:2;display:flex;justify-content:center}.game-page__right{width:100%}.game-page__iframe{width:100%;height:300px}.game-page__left{padding-bottom:30px}}.order-item__wrapper{display:flex;flex-direction:column;gap:3em}.order-item{display:flex;position:relative;justify-content:space-between;gap:20px}.order-item__cover{min-width:200px}.order-item__title{font-size:24px;font-weight:700;text-align:center}.order-item__price{font-size:24px;font-weight:700;display:flex;width:max-content;align-items:flex-start;gap:5px}.order-item__border-line{width:20%;height:1px;outline:none;background:#ff0266;border:1px solid #ff0266;border-radius:10px;margin-right:70px}@media screen and (max-width:680px){.order-item{flex-direction:column;justify-content:center;align-items:center}.order-item__cover{width:250px}.order-item__price{gap:20px}.order-item__border-line{width:10%;margin-right:auto}.order-item__wrapper{gap:1em}}.order-page__total-price{display:flex;justify-content:flex-end;font-size:24px;font-weight:700}.order-page__price-select{color:#ff0266}.order-page__title-empty{display:flex;justify-content:center;align-items:center}.order-page__left{padding:20px 0 40px;display:flex;flex-direction:column;justify-content:center;gap:4em}.order-page{padding:10px 0 30px}@media screen and (max-width:680px){.order-page__total-price{justify-content:center}.order-page__total-price-block{text-align:center}.order-page__left{gap:2em}}.cart-item{width:100%;display:flex;justify-content:space-between;align-items:center}.cart-item__price{display:flex;align-items:center}.cart-item__delete-icon{cursor:pointer}.cart-menu__games-list{display:flex;flex-direction:column;row-gap:7px;padding-bottom:7px}.cart-item__delete-icon:hover{filter:invert(23%) sepia(80%) saturate(6900%) hue-rotate(328deg) brightness(97%) contrast(110%)}.cart-menu{position:absolute;top:30px;right:0;background-color:#242529;width:300px;padding:15px 20px;z-index:2;border-radius:15px}.cart-menu__wrapper{margin-top:20px;padding:20px 0;border-top:1px solid rgba(255,255,255,.4)}.cart-menu__total-price{display:flex;justify-content:flex-end;margin-bottom:15px;column-gap:30px}.total-price__price{border-bottom:2px solid #d94b05}@media screen and (max-width: 768px){.cart-menu{width:250px}}.items-in-cart{position:absolute;width:20px;height:20px;background-color:#ff0266;border-radius:15px;font-size:15px;display:flex;justify-content:center;align-items:center;color:#fff;z-index:2;left:15px;top:-10px}.cart-block{display:flex;align-items:center;position:relative;gap:15px}.cart-block__total-price{font-size:18px;font-weight:700}.cart-block__icon{cursor:pointer;position:relative}.cart-block__icon:hover{filter:invert(23%) sepia(80%) saturate(6900%) hue-rotate(328deg) brightness(97%) contrast(110%)}.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding-top:20px;min-width:310px}.wrapper{display:flex}.header__store-title{text-decoration:none;font-size:42px;font-weight:700;text-transform:uppercase;background:linear-gradient(to right,#03dac6,#e83611,#ff0266,#e83611,#78da85);background-size:300%;background-position:-100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:linearGradient 10s infinite alternate-reverse;font-family:Bebas Neue,cursive;letter-spacing:.09em}.header__cart-btn-wrapper{justify-content:flex-end}@keyframes linearGradient{to{background-position:100%}}.header__store-title:hover{animation:none;background-size:200%}@media screen and (max-width:680px){.header{min-width:280px;padding:0 20px}.header__store-title{font-size:32px}}@media screen and (max-width:360px){.header{padding:0 5px}}.footer{height:80px;display:flex;align-items:center;justify-content:center}.footer-title{font-size:16px;opacity:50%;cursor:default;user-select:none}