body {
    background-image: url("../images/morocco-blue.png");
}
h1 {
background-color: orange;
padding: 20px;
width:250px;
margin:10px;
font-size: 30px;
}
#instructions {
background-color:lightsalmon;
width:500px;
height:200px;
margin: 10px;
line-height: 25px;
font-weight: bolder;
padding: 5px;

}
#win {
background-color:teal;
color:black;
width: 100px;
height:35px;
text-align: center;
position: absolute;
top: 310px;
left:250px;
padding: 10px;

}
#loss{
position: absolute;
color: black;
width: 100px;
height:35px;
text-align: center;
padding: 10px;
background-color:teal;
top: 360px;
left:250px;
}

#computerGuess {
background-color: lightgreen;
width:200px;
height:60px;
margin: 10px;
color:black;
text-align: center;
padding: 20px;
font-size: 40px;

}
#crystals{
    background-color:white;
    padding:10px;
    box-sizing: border-box;
    width:420px;
    margin: 10px;


}
h2 {
    background-color: greenyellow;
    width: 200px;
    margin:10px;

}
#userScore{
    background-color: greenyellow;
    padding:20px;
    width: 200px;
    height: 60px;
    color:black;
    margin:10px;
    text-align: center;
    font-size: 40px;

}
.images{
    width:80px;
    height:80px;
}