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

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