.background{
    background-image: url("https://www.smavicon.de/wp-content/uploads/2018/09/Fotolia_108963484_XL-STEIN-Hintergrund.jpg");
    background-position: "center";
    background-attachment: fixed;
    background-size: cover;
    width: 600px;
    margin: 0 auto;
}

.canvas-bg {
    background-image: url("../res/backGroundGame.jpg");
    background-position: "center";
    background-attachment: fixed;
    background-size: cover;
}

.title{
    font-family: 'Unlock', cursive;
    color: white;
    font-size: 700%;
}

.startButton{
    margin-top:10%;
    margin-left:40%;
}
.gif{
    width: 100%;
    height: 100%;
}
.testbg {
    background-image: url("http://i.imgur.com/v1mR98F.jpg");

}
.backgroundgame{
    background-image: url("http://i.imgur.com/v1mR98F.jpg");
    background-position: "center";
    background-attachment: fixed;
    background-size: cover;
    width: 600px;
    margin: 0 auto;
}
.backgroundCanvas{
    background-image: url("../res/bg_night.png");
    background-size: cover;
    width: 500px;
    height: 900px;
}

.backgroundgameover{
    background-image: url("https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/VGiBmTeaeilt7mgjb/game-over-retro-arcade-digital-blue-style-1_nngybqf7pg__F0000.png");
    background-position: "center";
    background-attachment: fixed;
    background-size: cover;
    width: 600px;
    margin: 0 auto;
}

.homeButton{
    margin-top: 120%;
    margin-left: 40%;
}

.retryButton{
    margin-left: 40%;
}

.scoreover{
    font-size: 150%;
    color: deepskyblue;
}
.yourescore{
    font-size: 150%;
    color: deepskyblue;
    margin-top: -10%;
}
.coinover{
    font-size: 150%;
    color: darkgoldenrod;
}
.yourcoin{
    font-size: 150%;
    color: darkgoldenrod;
    margin-top: -17.5%;
    margin-left:65%;
}