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

/*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: 600px;
    height: 150px;
    /*This property embeds an image into the background of our div*/
    background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/penguin_title.png');
}

/*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('data:image/jpeg;base64,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');
}

/*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://s3-us-west-2.amazonaws.com/s.cdpn.io/1263878/penguin_6.png');
}

.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;
}