*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:'Roboto',sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}#root,#__next{isolation:isolate}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body{background-color:#412c73;color:#fff;background-image:url('../img/pattern.png');background-repeat:repeat;}

#play-game{display:flex;justify-content:center;background: url('../img/top-gradient.png') repeat-x top;background-size: initial;}
#play-game div{position:relative;width:1830px;height:1035px;background:url('../img/top_content.png') no-repeat top center;background-size:initial}

#button-play{position:absolute;top:660px;left:50%;transform:translateX(-50%);display:block;width:292px;height:108px;background:url('../img/button-play.png') no-repeat center center;background-size:contain;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}
#button-play:hover{transform:translateX(-50%) scale(1.1)}

#content{display:flex;justify-content:center;margin-top:-220px;margin-bottom:90px;}
#content ul{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}
#content ul li{width:378px;text-align:center}
#content ul li .title{font-size:42pt;color:#fff;line-height:42pt;text-align:center;margin-bottom:12px;font-family:'Roboto',sans-serif, sans-serif;font-weight: 800;font-style: normal;}
#content ul li .content{font-size:14pt;text-align:center;font-weight:500;line-height:18pt;font-family:'Roboto',sans-serif}

#download {min-height:501px;background: url('../img/gradient.png') bottom repeat-x;display:flex;justify-content:center;}
#download .qr-title{max-width:1170px;color:#fff;font-size:28pt;text-align: center;line-height:33pt;font-family:'Roboto',sans-serif, sans-serif;font-weight: 500;font-style: normal;margin-bottom:10px;}
#download .qr-content{background: url('../img/qr.png') bottom center no-repeat;width:100%;height:446px;}
#download .qr-content ul{display:inline-flex;list-style:none;justify-content:center;width:100%;padding:0;margin:320px 0 0}

footer{background-color:#412c73;min-height:100px;display:flex;justify-content:center;padding:42px 0}
footer div{width: 1170px;}

.footer-container{display:flex;justify-content:space-between;align-items:center; color:#fff;}

.footer-left{width:105px}

.footer-right{padding-left:42px}

.footer-right ul{display:flex;flex-wrap:wrap;gap:18px;}
.footer-right p {color:#4485b2;font-size: 16px;margin-top: 9px;}

#button-appstore{display:block;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}
#button-appstore:hover{transform:scale(1.1)}

#button-googleplay{display:block;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}
#button-googleplay:hover{transform:scale(1.1)}