@font-face{font-family:"ROGFonts";font-style:normal;font-weight:400;src:local("ROGFonts"),url(../fonts/ROGFonts-Regular.ttf) format("truetype")}*{margin:0;padding:0}body{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:end;background-color:#000;@media screen and (max-width:428px){align-items:center}}.bg{position:fixed;width:100vw;height:100vh;z-index:-1}.bg img{object-fit:cover}.list-wrapper{margin-bottom:80px;position:relative}@media screen and (max-width:428px){.list-wrapper{margin-bottom:0}}.list{display:flex;flex-direction:row;list-style:none;gap:32px}@media screen and (max-width:428px){.list{flex-direction:column}}.list-item{width:311px;height:149px;background-color:#21282B;border-radius:16px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:20px;cursor:pointer;box-sizing:border-box}.list-item a{display:block;width:max-content;height:100%}.list-item a img{max-width:100%;max-height:100%}.logo{font-size:58px;line-height:58px;font-family:'ROGFonts','Roboto','Arial',sans-serif;color:#FEFDFF;padding-left:66px;position:absolute;top:50%;left:-100px;transform:translate(-100%,-50%);letter-spacing:.25px}@media screen and (max-width:3840px){.logo{top:-78px;left:228px;transform:translate(-100%,-100%);font-size:40px;line-height:40px;padding-left:57px}}@media screen and (max-width:428px){.logo{padding-left:24px;font-size:20px;top:-24px;left:50%;transform:translate(-50%,-100%)}}.logo::before{content:'';display:block;width:29px;height:29px;border-radius:50%;background-color:#FEFDFF;position:absolute;left:0;top:50%;transform:translate(0%,-30%)}@media screen and (max-width:3840px){.logo::before{width:20px;height:20px;transform:translate(0%,-40%)}}@media screen and (max-width:428px){.logo::before{width:12px;height:12px;transform:translate(0%,-40%)}}