*,*::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}
body{background-color:#1c2e63;background-image:url('../img/pattern.png');background-repeat:repeat;color:#fff}

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

#button-play{position:absolute;top:567px;left:50%;transform:translateX(-50%);display:block;width:316px;height:109px;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;}
#content ul{display:flex;flex-wrap:wrap;justify-content:center;}
#content ul li{width:458px;text-align: center;}
#content ul li .title{font-size:42pt;color:#5a91ed;line-height:42pt;text-align:center;margin-bottom:12px;font-family: houschka-rounded, sans-serif;font-weight: 800;font-style: normal;}
#content ul li .content{font-size:14pt;text-align:center;font-weight:500;}

#download {height:501px;background: url('../img/gradient.png') repeat-x;display:flex;justify-content:center;}
#download .download-container {display:flex;align-items:center;}
#download .qr-title{color:#fff;font-size:42pt;font-weight:700;text-align: center;line-height:42pt;font-family: houschka-rounded, sans-serif;font-weight: 700;font-style: normal;}
#download ul {margin-top:27px;}

footer{background-color:#1c2e63;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}

#download .download-container .right{display:flex;flex-direction:column;align-items:center;}
#download .download-container ul{display:flex;flex-direction:row;gap:18px;}
#download .download-container ul li{display:inline;}

.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)}