@charset "uft-8";
/* css document */

* {
    background-color: rgb(200 , 160 , 130);
    overflow-x: hidden;
}

footer {
    position: absolute;
    z-index: 100;
    background: none;
    text-align: center;
    right: 1vw;
    padding: none;
}

.fbmain {
    position: absolute;
    z-index: 1;
    background-image: url(../image/bg/flappybananaBG.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100vw;
    height: 56.25vw;
}

.downloadbutton {
    position: absolute;
    z-index: 2;
    left: 40vw;
    top: 20vw;
    display: inline-block;
    border-radius: 1vw;
    background-color: rgb(90 , 70 , 50);
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.5vw;
    padding: 1vw;
    width: 12vw;
    transition: all 0.5s;
    cursor: pointer;
}

.downloadbutton:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.6), 0 17px 50px 0 rgba(0,0,0,0.3);
}

.downloadbutton span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}

.downloadbutton span:after {
content: '》';
position: absolute;
font-size: larger;
opacity: 0;
top: 1vw;
right: -2.6vw;
transition: 0.5s;
}

.downloadbutton:hover span {
padding-right: 2vw;
}

.downloadbutton:hover span:after {
opacity: 1;
right: 0;
}