#banner{
    background:url(../../static/images/index_banner.png) no-repeat center top;
    background-size:100% auto;
    padding-top:158%;
    position:relative;
}
#banner .bottom{
    position:absolute;
    bottom:1em;
    left:5%;
    right:5%;
    display:flex;
    align-items:center;
    flex-direction:column;
}
#banner .bottom img:first-child{
    width:90%;
    margin-bottom:0.5em;
}
#star{
    position:absolute;
    right:0;
    left:50%;
    top:10%;
    width: 50%;
}
svg .test{
    transform-origin:center center;
    animation:opacityScale .8s ease-in-out forwards
}
@keyframes opacityScale{
    0%{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
#button, #buttonBottom{
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center
}
#button div, #buttonBottom div{
    display:block;
    margin:0 auto;
    max-width:480px;
    padding:5% 0;
    background:url(data:image/png;base64,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) no-repeat;
    background-size:100% 100%;
}
#button img, #buttonBottom img{
    width:80%;
    animation:animationButton 2s linear infinite;
}
#buttonBottom{
    position:fixed;
    bottom:2em;
    left:0;
    right:0;
    display:none;
}
#detail{
    margin:0 2% 0;
}
#detail img{
    margin-top:1em;
}