.topbar{position:absolute;left:365px;top:20px;width:1264px;height:67px;border-radius:8px}.left-column{position:absolute;left:22px;top:110px;width:272px}.right-column{position:absolute;left:1328px;top:110px;width:302px}.main-column{position:absolute;left:314px;top:90px;width:999px;height:788px}.info-card{position:absolute;width:100%;border-radius:var(--radius-card);padding:18px}.about-card{top:0;height:219px}.principles-card{top:234px;height:247px}.social-card{top:494px;height:276px}.stats-card{top:0;height:246px}.ranking-card{top:261px;height:329px}.hero{position:absolute;left:0;top:0;width:999px;height:514px;overflow:hidden;border-radius:2px}.feature-grid{position:absolute;left:0;top:516px;width:999px;height:101px;display:grid;grid-template-columns:242px 242px 241px 242px;gap:10px}.bottom-grid{position:absolute;left:0;top:630px;width:1316px;height:158px}.bottom-grid>article{position:absolute;top:0;height:158px;overflow:hidden;border-radius:var(--radius-card)}.play-card{left:0;width:493px}.server-card{left:502px;width:337px}.war-card{left:851px;width:465px}.site-footer{position:absolute;left:22px;right:22px;bottom:10px;height:42px;border-top:1px solid rgba(114,71,153,.12);display:flex;align-items:center;justify-content:space-between}