style.css

body {
    background-image:url("starry_background.jpg");
    width: 100vw;
    height: 100vh;
    cursor: url(https://cdn2.iconfinder.com/data/icons/humano2/128x128/apps/alienblaster.png), auto;
    font-style: courier;
    margin: 0;
}

body #planet1 {
    background-image:  url("DarkPlanet.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 205px;
    height: 205px;
    position: absolute;
    top: 40vh;
    right: 60vw;
}


body #planet2 {
    background-image: url("blueplanet.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 205px;
    height: 205px;
    position: absolute;
    right: 15vw;
    bottom: 5vh;
}

body #planet3 {
    background-image: url("purpleplanet.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 205px;
    height: 205px;
    position: absolute;
    bottom: 5vh;
    left: 30vw;
}

body #planet4 {
    background-image: url("yelloworgangeplanet.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 185px;
    height: 185px;
    position: absolute;
   top: 15vh;
    right: 50vw;
}

body #planet5 {
    background-image: url("funny_planet.PNG");
    background-size: contain;
    background-repeat: no-repeat;
    width: 205px;
    height: 205px;
    position: absolute;
    top: 30vh;
    left: 5vw;
}

body #planet6{
    background-image: url("kitty_planet.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 205px;
    height: 205px;
    position: absolute;
   bottom: 30vh;
    right: 30vw;
}
body #planet7{
    background-image: url("green_planet.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 205px;
    height: 205px;
    position: absolute;
    bottom: 5vh;
    left: 5vw;
}

body #planet8{
    background-image: url("striped_planet.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 205px;
    height: 205px;
    position: absolute;
    top: 20vh;
    right: 10vw;
}

body #oil1 {
    background-image: url("oil2.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 20vh;
    right: 30vw;
}
body #oil2 {
    background-image: url("oil2.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 45vh;
    right: 20vw;
}
body #oil3 {
    background-image: url("oil2.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 5vh;
    right:35vw;
}
body #part1 {
    background-image: url("flip.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    position: absolute;
    top: 15vh;
    left: 20vw;
}
body #part2 {
    background-image: url("flip.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    position: absolute;
    top: 15vh;
    left: 20vw;
}
body #part3 {
    background-image: url("flip.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom:50vh;
    right: 50vw;
}
body #earth {
    background-image: url("earth_icon.png");
    background-size: contain; 
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 80vh;
    right: 5vw;
}

h1{
    color:white;
    text-align: center;
    font-size: 100px;
    margin: 0;
    font-family: 'Orbitron', sans-serif;
    padding-top:30px;
    
}

#score {
    color: white;
    position: absolute;
    top: 5vh;
    right: 12vw;
    font-family: 'Orbitron', sans-serif;
    font-size: 40px;
    width: 40px;
    text-align: center;
}
button {
    position: absolute;
    top: 5vh;
    left: 2vw;
    padding: 10px;
    font-family: 'Orbitron', sans-serif;
    font-size: 20px;
}

#instructions-box{
    left: 2vw;
    font-family: 'Orbitron', sans-serif;
    text-align:center;

    
}
h2{
    font-family: 'Orbitron', sans-serif;
    font-size: 25px;    
}