* {
    margin: 0;
    padding: 0;
    font-size: 100%;
    text-align: center;
}

html, body{
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Fredoka One', cursive;
}

.main{
    position: absolute;
    width: 100%;
    height: 100%;
}

#startlink{
    position: absolute;
    bottom:0%;
    left:32.5%;
    width: 35%;
    height: 20%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    text-decoration: none;
    border: none;
}

#background-main{
    position: absolute;
    top:0%;
    left:0%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    background-size: 100%;
}



#result{
    position: absolute;
    right:29%;
    top: 8%;
    text-align: center;
    display: none;
    width:45%;
    font-family: 'Indie Flower', cursive;
    color: white;
    font-size: 3vw;
}

#enddisc{
    position: absolute;
    right:29%;
    top: 16%;
    text-align: center;
    display: none;
    width:45%;
    font-family: 'Indie Flower', cursive;
    color: white;
    font-size: 1.6vw;
}

#endbg{
    display:none;
    position: absolute;
    top:0%;
    left:0%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    background-size: 100%;
}



#startbg{
    position: absolute;
    top:0%;
    left:0%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    background-size: 100%;
}


#startbutton{
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    background-size: 100%;
    top: 0%;
    left: 0%;
    color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    text-decoration: none;
    border: none;
}


#date{
    position: absolute;
    top:13%;
    left:7vw;
    font-size: 4vw;
    text-align: center;
    display: inline-block;
    width: 6%;
}

#balance{
    position: absolute;
    top:10%;
    right:7%;
    font-size: 4vw;
    text-align: center;
}

#dialog{
    position: absolute;
    right:27%;
    top: 8%;
    text-align: center;
    display: inline-block;
    width:45%;
    font-family: 'Indie Flower', cursive;
    color: white;
    font-size: 1.6vw;
}

#option1button{
    position: absolute;
    top: 50%;
    left: 7%;
    width: 40%;
    height: 25%;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    background-color: rgba(195,60,60,0.7);
    border: none;
    color: white;
    font-size: 1.2vw;
    padding:0.5vw;
}

#option2button{
    position: absolute;
    top: 50%;
    right: 7%;
    width: 40%;
    height: 25%;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    background-color: rgba(60,60,195,0.7);
    border: none;
    color: white;
    font-size: 1.2vw;
    padding:0.5vw;
}