html{
    font-size: 62.5%;
}
body{
    font-size:1.6rem; 
    line-height: 2;
    background-color: #ADD8E6;
}
#mainDiv {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content:space-around;*/
    align-content: center;
	width: 100%;
    height: calc(30vw);
}
#message {
    font-family: 'Kosugi Maru', sans-serif;
    font-size: calc(3vw);
}
#display_today {
    margin-top: 2vw;
    font-family: 'Kosugi Maru', sans-serif;
    font-size: calc(3vw);
}
#display_time {
    font-family: 'Bebas Neue', cursive;
    font-size: calc(18vw);
}
#marionettediv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(30vw);  
}
.player {
    position: absolute;
    width: calc(5vw);
    height: calc(5vw);
}
#ball {
    position: absolute;
    width: calc(1vw);
    height: calc(1vw);
}
.hide{
    display: none;
}
#skipdreamDiv {
    position: absolute;
    top: 0;
    left: 5vw;
}