@font-face{font-family:Lato-Regular;src:url(../fonts/Lato-Regular.woff2) format("woff2");font-size:1rem;font-style:normal;font-weight:400;line-height:1.75rem}*,::after,::before{padding:0;margin:0;box-sizing:border-box;font-family:Lato-Regular;background-color:#2B3040}body{background:#2B3040}.container{margin:0 auto;width:min(90%,1000px);display:flex;justify-content:center;align-items:center}.container .main-photo{background-repeat:no-repeat;background-size:cover;background-image:url(../images/bg.webp);width:70%;height:560px;margin:82px 0;filter:opacity(90%)}.container .main-photo::before{background-color:rgba(0,0,0,.7);content:"";position:absolute;width:100%;height:560px;z-index:1}.container .main-photo .container-above{position:relative;z-index:2;height:481px;display:flex;flex-direction:column;margin:40px 70px}.container .main-photo .container-above .header-container{position:relative;height:80px;background-color:#2B3040}.container .main-photo .container-above .header-container ul{display:flex;justify-content:center;align-items:center;height:100%;gap:100px;margin:0;padding:0}.container .main-photo .container-above .header-container ul li{list-style:none}.container .main-photo .container-above .header-container ul li .header-info{display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:#8D91A3;transition:color .3s ease;gap:10px;text-decoration:none}.container .main-photo .container-above .header-container ul li .header-info svg{width:24px;height:24px;fill:currentColor;stroke:currentColor;transition:fill .3s ease,stroke .3s ease}.container .main-photo .container-above .header-container ul li .header-info span{transition:color .3s ease;text-transform:uppercase}.container .main-photo .container-above .header-container ul li .header-info:hover{color:#fff}.container .main{background-color:#212534;width:100%;height:401px;position:relative}.container .main .game{position:relative;height:70%;margin:60px 40px;display:flex;flex-direction:row;gap:41px}.container .main .game .game-pic{width:160px;height:230px}.container .main .game .game-pic #rating i.fa{font-size:20px;margin:0 20px}.container .main .game .game-info h1{color:#FFF;font-size:2rem;font-style:normal;font-weight:400;line-height:2rem;margin:10px 0 15px}.container .main .game .game-info .relise{color:#FFF;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.container .main .game .game-info .about-game{margin-top:40px;color:var(--text,#B7BACD);font-family:Lato;font-size:.875rem;line-height:1.375rem;margin-bottom:50px}.container .main .game .price-info{display:flex;flex-direction:row;gap:50px}.container .main .game .price-info .discount{display:flex;flex-direction:column}.container .main .game .price-info .discount .sale{color:var(--yellow,#FFDD3F);font-size:.75rem;line-height:1.25rem}.container .main .game .price-info .discount .price{color:#FFF;font-size:2rem;line-height:2rem}.container .main .game .price-info button{display:flex;padding:10px 20px;justify-content:center;align-items:center;background-color:#13E28D;border-radius:2px;color:#FFF;line-height:1.25rem;text-transform:uppercase;border:none;cursor:pointer}