body{
    background: teal
}

h1{
    background: orange;
    font-size: 30px;
}

h2{
    background:yellow;
    font-size: 20px;
}

.target-num {
background: tan;
width: 200px;
height: 200px;
}

.gem {
    height: 200px;
    width: 200px;
    max-width: 200px;
    max-height: 200px;
}

/* .ruby-number{
    background: url(../images/ruby.jpg);
    background-size: 150px;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
} */
/* 
.emerald-number{
    background: url(../images/emerald.jpg);
    background-size: 150px;
        background-repeat: no-repeat;
    width: 150px;
height: 150px;
}

.sapphire-number{
    background: url(../images/sapphire.jpg);
    background-size: 150px;
        background-repeat: no-repeat;
    width: 150px;
height: 150px;
}

.amber-number{
    background: url(../images/amber.jpg);
    background-size: 150px;
    background-repeat: no-repeat;
    width: 150px;
height: 150px;} */


#current-number-box{
    background: purple;
    width: 150px;
    height: 150px;
    color: yellowgreen
}

#current-number{
    color: aqua;
    font-size: 30px;
}

.win-loss {
    background: coral;
    width: 200px;
height: 200px;
font-size: 18px
}