/*This style  gives the body element in our HTML a cool blue background color*/
body {
    background-color: #fcba03;
}

/*This styles the div in the HTML that contains and centers our penguin game*/
#gameholder {
    width: 612px;
    margin-left: auto;
    margin-right: auto;
}

/*This styles the title div in or HTML*/
#title {
    width: 300px;
    height: 150px;
    /*This property embeds an image into the background of our div*/
    background-image:url('data:image/jpeg;base64,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');
}

/*This pseudo class is applied when the mouse hovers over the 1st penguin div*/
.penguin1:hover {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_1_hover.png');
    /*This property changes our cursor to a pointer indicating an interactive element*/
    cursor: pointer;
}

/*This pseudo class is applied when our 1st penguin div is clicked by the mouse button*/
.penguin1:active {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/penguin_1.png');
}

/*This is the style for our 1st penguin div*/
.penguin1 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_1.png');
}

/*These are the styles for our 2nd penguin div.*/

.penguin2:hover {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_2_hover.png');
    cursor: pointer;
}

.penguin2:active {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/penguin_2.png');
}

.penguin2 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_2.png');
}

/*These are the styles for our 3rd penguin div.*/

.penguin3:hover {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_3_hover.png');
    cursor: pointer;
}

.penguin3:active {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/penguin_3.png');
}

.penguin3 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_3.png');
}

/*These are the styles for our 4th penguin div.*/

.penguin4:hover {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_4_hover.png');
    cursor: pointer;
}

.penguin4:active {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/penguin_4.png');
}

.penguin4 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_4.png');
}

/*These are the styles for our 5th penguin div.*/

.penguin5:hover {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_5_hover.png');
    cursor: pointer;
}

.penguin5:active {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/penguin_5.png');
}

.penguin5 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_5.png');
}

/*These are the styles for our 6th penguin div.*/

.penguin6:hover {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_6_hover.png');
    cursor: pointer;
}

.penguin6:active {
    background-image:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSVhT_Xp93JuOINweqcAu5gkPP09cmnpHmr8mELoBC7DkZnlHOQ');
}

.penguin6 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_6.png');
}

/*These are the styles for our 7th penguin div.*/

.penguin7:hover {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_7_hover.png');
    cursor: pointer;
}

.penguin7:active {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/penguin_7.png');
}

.penguin7 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_7.png');
}

/*These are the styles for our 8th penguin div.*/

.penguin8:hover {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_8_hover.png');
    cursor: pointer;
}

.penguin8:active {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/penguin_8.png');
}

.penguin8 {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_8.png');
}

/*These are the styles for our yeti div.*/

.yeti:hover {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_9_hover.png');
    cursor: pointer;
}

.yeti:active {
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/yeti.png');
}

.yeti {
    width: 200px;
    height: 200px;
    float: left;
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/mound_9.png');
}
/*A red border is shown when the button changes the
border-width value > 0*/
.show-div{
  border-style: solid;
  border-width: 0px;
  border-color: red;
}

/*Changes the button's appearance*/
.btn{
  font-size:20px;
 	background-color: black;
  color: white;
  padding: 10px;
}