body,img{height:100%}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(../fonts/lato/lato-v24-latin-regular.woff2) format("woff2")}*,::after,::before{padding:0;margin:0;box-sizing:border-box}ol,ul{list-style:none}a,button{transition:all .2s ease;text-decoration:none}button{cursor:pointer}img{vertical-align:top;width:100%;object-fit:cover}.container{width:min(90%,1440px);margin:0 auto;position:relative}.content,.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body{font-size:1rem;color:#B7BACD;font-family:Lato;overflow-y:scroll;background-color:#2B3040}main{flex-grow:1;display:flex;justify-content:center;align-items:center}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.overlay{width:90%;max-width:1000px;aspect-ratio:1000/860;background-image:url(../images/background_img.jpg);background-size:cover;background-position:center;z-index:1;opacity:.2}.content{z-index:2;width:600px}.tab-content{height:432px;width:600px;background-color:#212534;justify-content:center;align-content:center}.tab-buttons{padding:30px 40px;display:flex;justify-content:space-between;gap:70px;background:#2B3040}.tab-buttons button{border:none;background:#2B3040;text-transform:uppercase;color:#8D91A3}.tab-buttons button svg{width:24px;height:24px;stroke:#8D91A3;fill:none;margin-bottom:15px}.tab-buttons .active{color:#FFF}.tab-buttons .active svg{stroke:#FFF}.tab-content{display:none;padding:60px 40px}.tab-content.active{display:grid;grid-template-columns:1fr 2fr;gap:41px;background-color:#212534}.img-section{padding:78.5px 0}.img-section .game-img{padding-bottom:25px}.head-content{display:flex;justify-content:space-between;padding-bottom:40px}.head-content .game-name{color:#FFF;padding:72px 0 15px;font-size:32px}.head-content .game-released,.overview{font-size:14px}.overview{width:277px;line-height:22px;padding-bottom:50px}.footer-section{display:flex;justify-content:space-between}.footer-section .discont{color:#FFDD3F;font-size:12px;line-height:20px}.footer-section .price{font-size:32px;color:#FFF}.footer-section button{color:#FFF;text-transform:uppercase;padding:20px 30px;background-color:#13E28D}.jchart--donut--segment{transition:stroke-dasharray 1s ease}.jchart{width:95px;height:95px;padding-top:60px}.jchart--body{width:100%;height:100%}.jchart--summary{font-size:20px;line-height:22px}