@font-face{font-family:mainFont;src:url(/public/styles/fonts/minecraft.ttf)}@font-face{font-family:Roboto-Regular;src:url(/public/styles/fonts/Roboto-Regular.woff)}.how-to{padding:0 50px}.how-to__container{background:linear-gradient(to top right,#96c,#e6ccff);padding:30px;width:60%;border-radius:30px;position:relative}.how-to__container ul{list-style:none;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:20px}.how-to__container ul li{background-image:url(/public/images/Amethyst_Shard_JE2_BE1.webp);background-size:20px 20px;background-repeat:no-repeat;background-position:0 50%;padding-left:30px;line-height:1.2em}.how-to__sticker{width:40px;height:40px;position:absolute}.how-to__sticker.upper{top:-10%;right:-3%;-ms-transform:rotate(45deg);transform:rotate(45deg)}.how-to__sticker.bottom{bottom:-10%;left:-3%;-ms-transform:rotate(-135deg);transform:rotate(-135deg)}@media screen and (max-width:1100px){.how-to{padding:0 30px}.how-to__container{width:100%;padding:20px 15px}.how-to__container ul{gap:10px}.how-to__sticker.upper{top:-11%;right:-2.5%;-ms-transform:rotate(45deg);transform:rotate(45deg)}.how-to__sticker.bottom{bottom:-11%;left:-2.5%;-ms-transform:rotate(-135deg);transform:rotate(-135deg)}}@media screen and (max-width:1100px) and (max-width:540px){.how-to__sticker.upper{top:-6%;right:-6.7%;-ms-transform:rotate(45deg);transform:rotate(45deg)}.how-to__sticker.bottom{bottom:-6%;left:-6.7%;-ms-transform:rotate(-135deg);transform:rotate(-135deg)}}