@import url('1.css');

@media screen and (max-device-width: 700px) {
  
  body {
    background-color: salmon;
  }
  #audio {size:2000%; padding:100px;}

  #mobile{display:none;}
}

@media screen and (max-device-width: 1500px) {
  
  body {
    background-color: salmon;
  }
  #audio {
    size:500%;}

  #mobile{display:block;
    font-size:200%;}
}


@media screen and (min-width:300px)
{
body{background-color:white;}
}

 @media screen and (min-width:400px)
{
body{background-color:#999999;}
}

 @media screen and (min-width:500px)
{
body{background-color:red;}
}

@media screen and (min-width:600px)
{
body{background-color:darkred;}
}

 @media screen and (min-width:800px)
{
body{background-color:navy;}
}
 
 @media screen and (min-width:1000px)
{
body{background-color:grey;}
}

 @media screen and (min-width:1200px)
{
body{background-color:lightgrey;}
}
 @media screen and (min-width:1500px)
{
body{background-color:brown;}
}
 @media screen and (min-width:1800px)
{
body{background-color:white;}
}




#whiteblock{
	width: 100px;
    height: 100px;
    background: white;}
#righttoleft {
    width: 1px;
    height: 1px;
    background: white;
    position: relative;
    -webkit-animation: righttoleft 7s; /* Safari 4.0 - 8.0 */
    animation: righttoleft 7s;
}
@keyframes righttoleft {
    from {left: 600px;}
    to {left: 200px;}
    to {left: 0px;}
}

#righttoleft2 {
    width: 1px;
    height: 1px;
    background: white;
    position: relative;
    -webkit-animation: righttoleft 10s; /* Safari 4.0 - 8.0 */
    animation: righttoleft 10s;
}
@keyframes righttoleft2 {
    from {left: 900px;}
    to {left: 100px;}
    to {left: 0px;}
}

#lefttoright {
    width: 1px;
    height: 1px;
    background: white;
    position: relative;
    -webkit-animation: lefttoright 10s; /* Safari 4.0 - 8.0 */
    animation: lefttoright 10s;
}
@keyframes lefttoright {
    from {left: -1000px;}
    to {left: -200px;}
    to {left: 0px;}
}

#lefttoright2 {
    width: 1px;
    height: 1px;
    background: white;
    position: relative;
    -webkit-animation: lefttoright 12s; /* Safari 4.0 - 8.0 */
    animation: lefttoright 12s;
}
@keyframes lefttoright {
    from {left: -800px;}
    to {left: -200px;}
    to {left: 0px;}
}

.move1{
  width:1px;
  height:1px;
  background:transparent;
  animation:rotate 1s linear infinite alternate;
}
@keyframes rotate{
	0% {transform:rotate(2deg);}
  	20%{transform:translateY(1px);}
  	30%{transform:rotate(-3deg);}
  	100%{transform:rotate(-2deg);}
  from{background:white;}
  to {background:white;}
  to {background:white;}
  to {background:white;}
  to {background:white;}
}
.move2{
  width:1px;
  height:1px;
  background:white;
  animation: move2 1s linear infinite alternate;
}
@keyframes move2{
	0% {transform:rotate(5deg);}
  	20%{transform:translateY(2px);}
  	30%{transform:rotate(-2deg);}
  	100%{transform:rotate(-10deg);}
  from{background:white;}
  to {background:white;}
  to {background:white;}
  to {background:white;}
  to {background:white;}
}



/*dogs*/
#greydog
{width:15px;
height:15px;
background:;
position:relative;
margin-left:100% ;
box-shadow:
/* nose line */
420px 0px 0px #000000,
315px 0px 0px grey,
330px 0px 0px grey,
360px 0px 0px black,
345px 0px 0px grey,
375px 0px 0px grey,
390px 0px 0px grey,
405px 0px 0px grey,
/* top head */
330px -15px 0px grey,
360px -15px 0px grey,
345px -15px 0px grey,

/* 2nd line */
405px 15px 0px grey,
390px 15px 0px grey,
330px 15px 0px grey,
315px 15px 0px grey,
345px 15px 0px grey,
360px 15px 0px grey,
420px 15px 0px grey,
375px 15px 0px grey,


390px 30px 0px grey,
405px 30px 0px grey,
300px 30px 0px grey,
315px 30px 0px grey,
330px 30px 0px grey,
345px 30px 0px grey,
360px 30px 0px grey,
375px 30px 0px grey,
420px 30px 0px grey,
/* 4th line */
420px 45px 0px #ffbaba,
300px 45px 0px grey,
315px 45px 0px grey,
330px 45px 0px grey,
345px 45px 0px grey,
360px 45px 0px grey,
375px 45px 0px grey,
135px 45px 0px grey,
150px 45px 0px grey,
165px 45px 0px grey,
180px 45px 0px grey,
195px 45px 0px grey,
210px 45px 0px grey,
225px 45px 0px grey,
240px 45px 0px grey,
255px 45px 0px grey,
270px 45px 0px grey,
285px 45px 0px grey,
300px 45px 0px grey,

/* tail */
120px 30px 0px grey,
120px 15px 0px grey,

/* 6th line */
300px 60px 0px grey,
315px 60px 0px grey,
330px 60px 0px grey,
345px 60px 0px grey,
360px 60px 0px grey,
375px 60px 0px grey,
135px 60px 0px grey,
120px 45px 0px grey,
150px 60px 0px grey,
165px 60px 0px grey,
180px 60px 0px grey,
195px 60px 0px grey,
210px 60px 0px grey,
225px 60px 0px grey,
240px 60px 0px grey,
255px 60px 0px grey,
270px 60px 0px grey,
285px 60px 0px grey,
/* 7th line */
300px 75px 0px grey,
315px 75px 0px grey,
330px 75px 0px grey,
345px 75px 0px grey,
360px 75px 0px grey,
135px 75px 0px grey,
150px 75px 0px grey,
165px 75px 0px grey,
180px 75px 0px grey,
195px 75px 0px grey,
210px 75px 0px grey,
225px 75px 0px grey,
240px 75px 0px grey,
255px 75px 0px grey,
270px 75px 0px grey,
285px 75px 0px grey,
/* 8th line */
300px 90px 0px grey,
315px 90px 0px grey,
330px 90px 0px grey,
345px 90px 0px grey,
135px 90px 0px grey,
150px 90px 0px grey,
165px 90px 0px grey,
180px 90px 0px grey,
195px 90px 0px grey,
210px 90px 0px grey,
225px 90px 0px grey,
240px 90px 0px grey,
255px 90px 0px grey,
270px 90px 0px grey,
285px 90px 0px grey,
/* 9th line */
300px 105px 0px grey,
315px 105px 0px grey,
135px 105px 0px grey,
150px 105px 0px grey,
165px 105px 0px grey,
180px 105px 0px grey,
195px 105px 0px grey,
210px 105px 0px grey,
225px 105px 0px grey,
240px 105px 0px grey,
255px 105px 0px grey,
270px 105px 0px grey,
285px 105px 0px grey,
330px 105px 0px grey,
/* Legs */
300px 120px 0px grey,
135px 75px 0px grey,
150px 120px 0px grey, 
285px 120px 0px grey,
315px 135px 0px grey,
165px 135px 0px grey;
transform:scale(0.7);}


#beigedog
{width:15px;
height:15px;
background:#000;
position:relative;
margin-left:40% ;
box-shadow:
/* nose line */
15px 0px 0px #f5deb3,
30px 0px 0px #f5deb3,
45px 0px 0px #f5deb3,
60px 0px 0px #000,
75px 0px 0px #f5deb3,
90px 0px 0px #f5deb3,
105px 0px 0px #f5deb3,
/* top head */
60px -15px 0px #f5deb3,
75px -15px 0px #f5deb3,
90px -15px 0px #f5deb3,

/* 2nd line */
15px 15px 0px #f5deb3,
30px 15px 0px #f5deb3,
45px 15px 0px #f5deb3,
60px 15px 0px #f5deb3,
75px 15px 0px #f5deb3,
90px 15px 0px #f5deb3,
105px 15px 0px #f5deb3,
/* 3nd line */
15px 30px 0px #f5deb3,
30px 30px 0px #f5deb3,
45px 30px 0px #f5deb3,
60px 30px 0px #f5deb3,
75px 30px 0px #f5deb3,
90px 30px 0px #f5deb3,
105px 30px 0px #f5deb3,
120px 30px 0px #f5deb3,
/* 4th line */
30px 45px 0px #ffafaf,
60px 45px 0px #f5deb3,
75px 45px 0px #f5deb3,
90px 45px 0px #f5deb3,
105px 45px 0px #f5deb3,
120px 45px 0px #f5deb3,
135px 45px 0px #f5deb3,
150px 45px 0px #f5deb3,
165px 45px 0px #f5deb3,
180px 45px 0px #f5deb3,
195px 45px 0px #f5deb3,
210px 45px 0px #f5deb3,
225px 45px 0px #f5deb3,
240px 45px 0px #f5deb3,
255px 45px 0px #f5deb3,
270px 45px 0px #f5deb3,
285px 45px 0px #f5deb3,
300px 45px 0px #f5deb3,
/* tail */
315px 30px 0px #f5deb3,
315px 15px 0px #f5deb3,

/* 6th line */
60px 60px 0px #f5deb3,
75px 60px 0px #f5deb3,
90px 60px 0px #f5deb3,
105px 60px 0px #f5deb3,
120px 60px 0px #f5deb3,
135px 60px 0px #f5deb3,
150px 60px 0px #f5deb3,
165px 60px 0px #f5deb3,
180px 60px 0px #f5deb3,
195px 60px 0px #f5deb3,
210px 60px 0px #f5deb3,
225px 60px 0px #f5deb3,
240px 60px 0px #f5deb3,
255px 60px 0px #f5deb3,
270px 60px 0px #f5deb3,
285px 60px 0px #f5deb3,
/* 7th line */
75px 75px 0px #f5deb3,
90px 75px 0px #f5deb3,
105px 75px 0px #f5deb3,
120px 75px 0px #f5deb3,
135px 75px 0px #f5deb3,
150px 75px 0px #f5deb3,
165px 75px 0px #f5deb3,
180px 75px 0px #f5deb3,
195px 75px 0px #f5deb3,
210px 75px 0px #f5deb3,
225px 75px 0px #f5deb3,
240px 75px 0px #f5deb3,
255px 75px 0px #f5deb3,
270px 75px 0px #f5deb3,
285px 75px 0px #f5deb3,
/* 8th line */
90px 90px 0px #f5deb3,
105px 90px 0px #f5deb3,
120px 90px 0px #f5deb3,
135px 90px 0px #f5deb3,
150px 90px 0px #f5deb3,
165px 90px 0px #f5deb3,
180px 90px 0px #f5deb3,
195px 90px 0px #f5deb3,
210px 90px 0px #f5deb3,
225px 90px 0px #f5deb3,
240px 90px 0px #f5deb3,
255px 90px 0px #f5deb3,
270px 90px 0px #f5deb3,
285px 90px 0px #f5deb3,
/* 9th line */
105px 105px 0px #f5deb3,
120px 105px 0px #f5deb3,
135px 105px 0px #f5deb3,
150px 105px 0px #f5deb3,
165px 105px 0px #f5deb3,
180px 105px 0px #f5deb3,
195px 105px 0px #f5deb3,
210px 105px 0px #f5deb3,
225px 105px 0px #f5deb3,
240px 105px 0px #f5deb3,
255px 105px 0px #f5deb3,
270px 105px 0px #f5deb3,
285px 105px 0px #f5deb3,
/* Legs */
135px 120px 0px #f5deb3,
150px 120px 0px #f5deb3, 
285px 120px 0px #f5deb3,
120px 135px 0px #f5deb3,
270px 135px 0px #f5deb3;
transform:scale(0.6);}


#browndog
{width:15px;
height:15px;
background:#000;
position:relative;

margin-left:40% ;
box-shadow:
/* nose line */
15px 0px 0px #c0915f,
30px 0px 0px #c0915f,
45px 0px 0px #c0915f,
60px 0px 0px #000,
75px 0px 0px #c0915f,
90px 0px 0px #c0915f,
105px 0px 0px #c0915f,
/* top head */
60px -15px 0px #c0915f,
75px -15px 0px #c0915f,
90px -15px 0px #c0915f,

/* 2nd line */
15px 15px 0px #c0915f,
30px 15px 0px #c0915f,
45px 15px 0px #c0915f,
60px 15px 0px #c0915f,
75px 15px 0px #c0915f,
90px 15px 0px #c0915f,
105px 15px 0px #c0915f,
/* 3nd line */
15px 30px 0px #c0915f,
30px 30px 0px #c0915f,
45px 30px 0px #c0915f,
60px 30px 0px #c0915f,
75px 30px 0px #c0915f,
90px 30px 0px #c0915f,
105px 30px 0px #c0915f,
120px 30px 0px #c0915f,
/* 4th line */
30px 45px 0px #ffafaf,
60px 45px 0px #c0915f,
75px 45px 0px #c0915f,
90px 45px 0px #c0915f,
105px 45px 0px #c0915f,
120px 45px 0px #c0915f,
135px 45px 0px #c0915f,
150px 45px 0px #c0915f,
165px 45px 0px #c0915f,
180px 45px 0px #c0915f,
195px 45px 0px #c0915f,
210px 45px 0px #c0915f,
225px 45px 0px #c0915f,
240px 45px 0px #c0915f,
255px 45px 0px #c0915f,
270px 45px 0px #c0915f,
285px 45px 0px #c0915f,
300px 45px 0px #c0915f,
/* tail */
315px 30px 0px #c0915f,
315px 15px 0px #c0915f,

/* 6th line */
60px 60px 0px #c0915f,
75px 60px 0px #c0915f,
90px 60px 0px #c0915f,
105px 60px 0px #c0915f,
120px 60px 0px #c0915f,
135px 60px 0px #c0915f,
150px 60px 0px #c0915f,
165px 60px 0px #c0915f,
180px 60px 0px #c0915f,
195px 60px 0px #c0915f,
210px 60px 0px #c0915f,
225px 60px 0px #c0915f,
240px 60px 0px #c0915f,
255px 60px 0px #c0915f,
270px 60px 0px #c0915f,
285px 60px 0px #c0915f,
/* 7th line */
75px 75px 0px #c0915f,
90px 75px 0px #c0915f,
105px 75px 0px #c0915f,
120px 75px 0px #c0915f,
135px 75px 0px #c0915f,
150px 75px 0px #c0915f,
165px 75px 0px #c0915f,
180px 75px 0px #c0915f,
195px 75px 0px #c0915f,
210px 75px 0px #c0915f,
225px 75px 0px #c0915f,
240px 75px 0px #c0915f,
255px 75px 0px #c0915f,
270px 75px 0px #c0915f,
285px 75px 0px #c0915f,
/* 8th line */
90px 90px 0px #c0915f,
105px 90px 0px #c0915f,
120px 90px 0px #c0915f,
135px 90px 0px #c0915f,
150px 90px 0px #c0915f,
165px 90px 0px #c0915f,
180px 90px 0px #c0915f,
195px 90px 0px #c0915f,
210px 90px 0px #c0915f,
225px 90px 0px #c0915f,
240px 90px 0px #c0915f,
255px 90px 0px #c0915f,
270px 90px 0px #c0915f,
285px 90px 0px #c0915f,
/* 9th line */
105px 105px 0px #c0915f,
120px 105px 0px #c0915f,
135px 105px 0px #c0915f,
150px 105px 0px #c0915f,
165px 105px 0px #c0915f,
180px 105px 0px #c0915f,
195px 105px 0px #c0915f,
210px 105px 0px #c0915f,
225px 105px 0px #c0915f,
240px 105px 0px #c0915f,
255px 105px 0px #c0915f,
270px 105px 0px #c0915f,
285px 105px 0px #c0915f,
/* Legs */
135px 120px 0px #c0915f,
150px 120px 0px #c0915f, 
285px 120px 0px #c0915f,
120px 135px 0px #c0915f,
270px 135px 0px #c0915f;
transform:scale(0.8);}

#darkbrowndog
{width:15px;
height:15px;
background:#000;
position:fixed;
margin-left:40% ;
box-shadow:
/* nose line */
15px 0px 0px #957049,
30px 0px 0px #957049,
45px 0px 0px #957049,
60px 0px 0px #000,
75px 0px 0px #957049,
90px 0px 0px #957049,
105px 0px 0px #957049,
/* top head */
60px -15px 0px #957049,
75px -15px 0px #957049,
90px -15px 0px #957049,

/* 2nd line */
15px 15px 0px #957049,
30px 15px 0px #957049,
45px 15px 0px #957049,
60px 15px 0px #957049,
75px 15px 0px #957049,
90px 15px 0px #957049,
105px 15px 0px #957049,
/* 3nd line */
15px 30px 0px #957049,
30px 30px 0px #957049,
45px 30px 0px #957049,
60px 30px 0px #957049,
75px 30px 0px #957049,
90px 30px 0px #957049,
105px 30px 0px #957049,
120px 30px 0px #957049,
/* 4th line */
30px 45px 0px #ffafaf,
60px 45px 0px #957049,
75px 45px 0px #957049,
90px 45px 0px #957049,
105px 45px 0px #957049,
120px 45px 0px #957049,
135px 45px 0px #957049,
150px 45px 0px #957049,
165px 45px 0px #957049,
180px 45px 0px #957049,
195px 45px 0px #957049,
210px 45px 0px #957049,
225px 45px 0px #957049,
240px 45px 0px #957049,
255px 45px 0px #957049,
270px 45px 0px #957049,
285px 45px 0px #957049,
300px 45px 0px #957049,
/* tail */
315px 30px 0px #957049,
315px 15px 0px #957049,

/* 6th line */
60px 60px 0px #957049,
75px 60px 0px #957049,
90px 60px 0px #957049,
105px 60px 0px #957049,
120px 60px 0px #957049,
135px 60px 0px #957049,
150px 60px 0px #957049,
165px 60px 0px #957049,
180px 60px 0px #957049,
195px 60px 0px #957049,
210px 60px 0px #957049,
225px 60px 0px #957049,
240px 60px 0px #957049,
255px 60px 0px #957049,
270px 60px 0px #957049,
285px 60px 0px #957049,
/* 7th line */
75px 75px 0px #957049,
90px 75px 0px #957049,
105px 75px 0px #957049,
120px 75px 0px #957049,
135px 75px 0px #957049,
150px 75px 0px #957049,
165px 75px 0px #957049,
180px 75px 0px #957049,
195px 75px 0px #957049,
210px 75px 0px #957049,
225px 75px 0px #957049,
240px 75px 0px #957049,
255px 75px 0px #957049,
270px 75px 0px #957049,
285px 75px 0px #957049,
/* 8th line */
90px 90px 0px #957049,
105px 90px 0px #957049,
120px 90px 0px #957049,
135px 90px 0px #957049,
150px 90px 0px #957049,
165px 90px 0px #957049,
180px 90px 0px #957049,
195px 90px 0px #957049,
210px 90px 0px #957049,
225px 90px 0px #957049,
240px 90px 0px #957049,
255px 90px 0px #957049,
270px 90px 0px #957049,
285px 90px 0px #957049,
/* 9th line */
105px 105px 0px #957049,
120px 105px 0px #957049,
135px 105px 0px #957049,
150px 105px 0px #957049,
165px 105px 0px #957049,
180px 105px 0px #957049,
195px 105px 0px #957049,
210px 105px 0px #957049,
225px 105px 0px #957049,
240px 105px 0px #957049,
255px 105px 0px #957049,
270px 105px 0px #957049,
285px 105px 0px #957049,
/* Legs */
135px 120px 0px #957049,
150px 120px 0px #957049, 
285px 120px 0px #957049,
120px 135px 0px #957049,
270px 135px 0px #957049;

transform:scale(0.4);}


#orangedog
{width:15px;
height:15px;
background:#000;
position:relative;
margin-left:10% ;
box-shadow:
/* nose line */
15px 0px 0px #f9a857,
30px 0px 0px #f9a857,
45px 0px 0px #f9a857,
60px 0px 0px #000,
75px 0px 0px #f9a857,
90px 0px 0px #f9a857,
105px 0px 0px #f9a857,
/* top head */
60px -15px 0px #f9a857,
75px -15px 0px #f9a857,
90px -15px 0px #f9a857,

/* 2nd line */
15px 15px 0px #f9a857,
30px 15px 0px #f9a857,
45px 15px 0px #f9a857,
60px 15px 0px #f9a857,
75px 15px 0px #f9a857,
90px 15px 0px #f9a857,
105px 15px 0px #f9a857,
/* 3nd line */
15px 30px 0px #f9a857,
30px 30px 0px #f9a857,
45px 30px 0px #f9a857,
60px 30px 0px #f9a857,
75px 30px 0px #f9a857,
90px 30px 0px #f9a857,
105px 30px 0px #f9a857,
120px 30px 0px #f9a857,
/* 4th line */
30px 45px 0px #ffafaf,
60px 45px 0px #f9a857,
75px 45px 0px #f9a857,
90px 45px 0px #f9a857,
105px 45px 0px #f9a857,
120px 45px 0px #f9a857,
135px 45px 0px #f9a857,
150px 45px 0px #f9a857,
165px 45px 0px #f9a857,
180px 45px 0px #f9a857,
195px 45px 0px #f9a857,
210px 45px 0px #f9a857,
225px 45px 0px #f9a857,
240px 45px 0px #f9a857,
255px 45px 0px #f9a857,
270px 45px 0px #f9a857,
285px 45px 0px #f9a857,
300px 45px 0px #f9a857,
/* tail */
315px 30px 0px #f9a857,
315px 15px 0px #f9a857,

/* 6th line */
60px 60px 0px #f9a857,
75px 60px 0px #f9a857,
90px 60px 0px #f9a857,
105px 60px 0px #f9a857,
120px 60px 0px #f9a857,
135px 60px 0px #f9a857,
150px 60px 0px #f9a857,
165px 60px 0px #f9a857,
180px 60px 0px #f9a857,
195px 60px 0px #f9a857,
210px 60px 0px #f9a857,
225px 60px 0px #f9a857,
240px 60px 0px #f9a857,
255px 60px 0px #f9a857,
270px 60px 0px #f9a857,
285px 60px 0px #f9a857,
/* 7th line */
75px 75px 0px #f9a857,
90px 75px 0px #f9a857,
105px 75px 0px #f9a857,
120px 75px 0px #f9a857,
135px 75px 0px #f9a857,
150px 75px 0px #f9a857,
165px 75px 0px #f9a857,
180px 75px 0px #f9a857,
195px 75px 0px #f9a857,
210px 75px 0px #f9a857,
225px 75px 0px #f9a857,
240px 75px 0px #f9a857,
255px 75px 0px #f9a857,
270px 75px 0px #f9a857,
285px 75px 0px #f9a857,
/* 8th line */
90px 90px 0px #f9a857,
105px 90px 0px #f9a857,
120px 90px 0px #f9a857,
135px 90px 0px #f9a857,
150px 90px 0px #f9a857,
165px 90px 0px #f9a857,
180px 90px 0px #f9a857,
195px 90px 0px #f9a857,
210px 90px 0px #f9a857,
225px 90px 0px #f9a857,
240px 90px 0px #f9a857,
255px 90px 0px #f9a857,
270px 90px 0px #f9a857,
285px 90px 0px #f9a857,
/* 9th line */
105px 105px 0px #f9a857,
120px 105px 0px #f9a857,
135px 105px 0px #f9a857,
150px 105px 0px #f9a857,
165px 105px 0px #f9a857,
180px 105px 0px #f9a857,
195px 105px 0px #f9a857,
210px 105px 0px #f9a857,
225px 105px 0px #f9a857,
240px 105px 0px #f9a857,
255px 105px 0px #f9a857,
270px 105px 0px #f9a857,
285px 105px 0px #f9a857,
/* Legs */
135px 120px 0px #f9a857,
150px 120px 0px #f9a857, 
285px 120px 0px #f9a857,
120px 135px 0px #f9a857,
270px 135px 0px #f9a857;}


#darkdog
{width:15px;
height:15px;
background:;
position:relative;
margin-left:-70% ;
box-shadow:
/* nose line */
420px 0px 0px #000000,
315px 0px 0px #6d6d6d,
330px 0px 0px #6d6d6d,
360px 0px 0px black,
345px 0px 0px #6d6d6d,
375px 0px 0px #6d6d6d,
390px 0px 0px #6d6d6d,
405px 0px 0px #6d6d6d,
/* top head */
330px -15px 0px #6d6d6d,
360px -15px 0px #6d6d6d,
345px -15px 0px #6d6d6d,

/* 2nd line */
405px 15px 0px #6d6d6d,
390px 15px 0px #6d6d6d,
330px 15px 0px #6d6d6d,
315px 15px 0px #6d6d6d,
345px 15px 0px #6d6d6d,
360px 15px 0px #6d6d6d,
420px 15px 0px #6d6d6d,
375px 15px 0px #6d6d6d,


390px 30px 0px #6d6d6d,
405px 30px 0px #6d6d6d,
300px 30px 0px #6d6d6d,
315px 30px 0px #6d6d6d,
330px 30px 0px #6d6d6d,
345px 30px 0px #6d6d6d,
360px 30px 0px #6d6d6d,
375px 30px 0px #6d6d6d,
420px 30px 0px #6d6d6d,
/* 4th line */
420px 45px 0px #ffbaba,
300px 45px 0px #6d6d6d,
315px 45px 0px #6d6d6d,
330px 45px 0px #6d6d6d,
345px 45px 0px #6d6d6d,
360px 45px 0px #6d6d6d,
375px 45px 0px #6d6d6d,
135px 45px 0px #6d6d6d,
150px 45px 0px #6d6d6d,
165px 45px 0px #6d6d6d,
180px 45px 0px #6d6d6d,
195px 45px 0px #6d6d6d,
210px 45px 0px #6d6d6d,
225px 45px 0px #6d6d6d,
240px 45px 0px #6d6d6d,
255px 45px 0px #6d6d6d,
270px 45px 0px #6d6d6d,
285px 45px 0px #6d6d6d,
300px 45px 0px #6d6d6d,

/* tail */
120px 30px 0px #6d6d6d,
120px 15px 0px #6d6d6d,

/* 6th line */
300px 60px 0px #6d6d6d,
315px 60px 0px #6d6d6d,
330px 60px 0px #6d6d6d,
345px 60px 0px #6d6d6d,
360px 60px 0px #6d6d6d,
375px 60px 0px #6d6d6d,
135px 60px 0px #6d6d6d,
120px 45px 0px #6d6d6d,
150px 60px 0px #6d6d6d,
165px 60px 0px #6d6d6d,
180px 60px 0px #6d6d6d,
195px 60px 0px #6d6d6d,
210px 60px 0px #6d6d6d,
225px 60px 0px #6d6d6d,
240px 60px 0px #6d6d6d,
255px 60px 0px #6d6d6d,
270px 60px 0px #6d6d6d,
285px 60px 0px #6d6d6d,
/* 7th line */
300px 75px 0px #6d6d6d,
315px 75px 0px #6d6d6d,
330px 75px 0px #6d6d6d,
345px 75px 0px #6d6d6d,
360px 75px 0px #6d6d6d,
135px 75px 0px #6d6d6d,
150px 75px 0px #6d6d6d,
165px 75px 0px #6d6d6d,
180px 75px 0px #6d6d6d,
195px 75px 0px #6d6d6d,
210px 75px 0px #6d6d6d,
225px 75px 0px #6d6d6d,
240px 75px 0px #6d6d6d,
255px 75px 0px #6d6d6d,
270px 75px 0px #6d6d6d,
285px 75px 0px #6d6d6d,
/* 8th line */
300px 90px 0px #6d6d6d,
315px 90px 0px #6d6d6d,
330px 90px 0px #6d6d6d,
345px 90px 0px #6d6d6d,
135px 90px 0px #6d6d6d,
150px 90px 0px #6d6d6d,
165px 90px 0px #6d6d6d,
180px 90px 0px #6d6d6d,
195px 90px 0px #6d6d6d,
210px 90px 0px #6d6d6d,
225px 90px 0px #6d6d6d,
240px 90px 0px #6d6d6d,
255px 90px 0px #6d6d6d,
270px 90px 0px #6d6d6d,
285px 90px 0px #6d6d6d,
/* 9th line */
300px 105px 0px #6d6d6d,
315px 105px 0px #6d6d6d,
135px 105px 0px #6d6d6d,
150px 105px 0px #6d6d6d,
165px 105px 0px #6d6d6d,
180px 105px 0px #6d6d6d,
195px 105px 0px #6d6d6d,
210px 105px 0px #6d6d6d,
225px 105px 0px #6d6d6d,
240px 105px 0px #6d6d6d,
255px 105px 0px #6d6d6d,
270px 105px 0px #6d6d6d,
285px 105px 0px #6d6d6d,
330px 105px 0px #6d6d6d,
/* Legs */
300px 120px 0px #6d6d6d,
135px 75px 0px #6d6d6d,
150px 120px 0px #6d6d6d, 
285px 120px 0px #6d6d6d,
315px 135px 0px #6d6d6d,
165px 135px 0px #6d6d6d;
}


#blackdog
{width:15px;
height:15px;
background:;
position:relative;
margin-left:-70% ;
box-shadow:
/* nose line */
420px 0px 0px #000000,
315px 0px 0px #3d3d3d,
330px 0px 0px #3d3d3d,
360px 0px 0px black,
345px 0px 0px #3d3d3d,
375px 0px 0px #3d3d3d,
390px 0px 0px #3d3d3d,
405px 0px 0px #3d3d3d,
/* top head */
330px -15px 0px #3d3d3d,
360px -15px 0px #3d3d3d,
345px -15px 0px #3d3d3d,

/* 2nd line */
405px 15px 0px #3d3d3d,
390px 15px 0px #3d3d3d,
330px 15px 0px #3d3d3d,
315px 15px 0px #3d3d3d,
345px 15px 0px #3d3d3d,
360px 15px 0px #3d3d3d,
420px 15px 0px #3d3d3d,
375px 15px 0px #3d3d3d,


390px 30px 0px #3d3d3d,
405px 30px 0px #3d3d3d,
300px 30px 0px #3d3d3d,
315px 30px 0px #3d3d3d,
330px 30px 0px #3d3d3d,
345px 30px 0px #3d3d3d,
360px 30px 0px #3d3d3d,
375px 30px 0px #3d3d3d,
420px 30px 0px #3d3d3d,
/* 4th line */
420px 45px 0px #ffbaba,
300px 45px 0px #3d3d3d,
315px 45px 0px #3d3d3d,
330px 45px 0px #3d3d3d,
345px 45px 0px #3d3d3d,
360px 45px 0px #3d3d3d,
375px 45px 0px #3d3d3d,
135px 45px 0px #3d3d3d,
150px 45px 0px #3d3d3d,
165px 45px 0px #3d3d3d,
180px 45px 0px #3d3d3d,
195px 45px 0px #3d3d3d,
210px 45px 0px #3d3d3d,
225px 45px 0px #3d3d3d,
240px 45px 0px #3d3d3d,
255px 45px 0px #3d3d3d,
270px 45px 0px #3d3d3d,
285px 45px 0px #3d3d3d,
300px 45px 0px #3d3d3d,

/* tail */
120px 30px 0px #3d3d3d,
120px 15px 0px #3d3d3d,

/* 6th line */
300px 60px 0px #3d3d3d,
315px 60px 0px #3d3d3d,
330px 60px 0px #3d3d3d,
345px 60px 0px #3d3d3d,
360px 60px 0px #3d3d3d,
375px 60px 0px #3d3d3d,
135px 60px 0px #3d3d3d,
120px 45px 0px #3d3d3d,
150px 60px 0px #3d3d3d,
165px 60px 0px #3d3d3d,
180px 60px 0px #3d3d3d,
195px 60px 0px #3d3d3d,
210px 60px 0px #3d3d3d,
225px 60px 0px #3d3d3d,
240px 60px 0px #3d3d3d,
255px 60px 0px #3d3d3d,
270px 60px 0px #3d3d3d,
285px 60px 0px #3d3d3d,
/* 7th line */
300px 75px 0px #3d3d3d,
315px 75px 0px #3d3d3d,
330px 75px 0px #3d3d3d,
345px 75px 0px #3d3d3d,
360px 75px 0px #3d3d3d,
135px 75px 0px #3d3d3d,
150px 75px 0px #3d3d3d,
165px 75px 0px #3d3d3d,
180px 75px 0px #3d3d3d,
195px 75px 0px #3d3d3d,
210px 75px 0px #3d3d3d,
225px 75px 0px #3d3d3d,
240px 75px 0px #3d3d3d,
255px 75px 0px #3d3d3d,
270px 75px 0px #3d3d3d,
285px 75px 0px #3d3d3d,
/* 8th line */
300px 90px 0px #3d3d3d,
315px 90px 0px #3d3d3d,
330px 90px 0px #3d3d3d,
345px 90px 0px #3d3d3d,
135px 90px 0px #3d3d3d,
150px 90px 0px #3d3d3d,
165px 90px 0px #3d3d3d,
180px 90px 0px #3d3d3d,
195px 90px 0px #3d3d3d,
210px 90px 0px #3d3d3d,
225px 90px 0px #3d3d3d,
240px 90px 0px #3d3d3d,
255px 90px 0px #3d3d3d,
270px 90px 0px #3d3d3d,
285px 90px 0px #3d3d3d,
/* 9th line */
300px 105px 0px #3d3d3d,
315px 105px 0px #3d3d3d,
135px 105px 0px #3d3d3d,
150px 105px 0px #3d3d3d,
165px 105px 0px #3d3d3d,
180px 105px 0px #3d3d3d,
195px 105px 0px #3d3d3d,
210px 105px 0px #3d3d3d,
225px 105px 0px #3d3d3d,
240px 105px 0px #3d3d3d,
255px 105px 0px #3d3d3d,
270px 105px 0px #3d3d3d,
285px 105px 0px #3d3d3d,
330px 105px 0px #3d3d3d,
/* Legs */
300px 120px 0px #3d3d3d,
135px 75px 0px #3d3d3d,
150px 120px 0px #3d3d3d, 
285px 120px 0px #3d3d3d,
315px 135px 0px #3d3d3d,
165px 135px 0px #3d3d3d;}


#longbeigedog
{width:15px;
height:15px;
background:#000;
position:relative;
margin-left:40% ;
box-shadow:
/* nose line */
15px 0px 0px #f5deb3,
30px 0px 0px #f5deb3,
45px 0px 0px #f5deb3,
60px 0px 0px #000,
75px 0px 0px #f5deb3,
90px 0px 0px #f5deb3,
105px 0px 0px #f5deb3,
/* top head */
60px -15px 0px #f5deb3,
75px -15px 0px #f5deb3,
90px -15px 0px #f5deb3,

/* 2nd line */
15px 15px 0px #f5deb3,
30px 15px 0px #f5deb3,
45px 15px 0px #f5deb3,
60px 15px 0px #f5deb3,
75px 15px 0px #f5deb3,
90px 15px 0px #f5deb3,
105px 15px 0px #f5deb3,
/* 3nd line */
15px 30px 0px #f5deb3,
30px 30px 0px #f5deb3,
45px 30px 0px #f5deb3,
60px 30px 0px #f5deb3,
75px 30px 0px #f5deb3,
90px 30px 0px #f5deb3,
105px 30px 0px #f5deb3,
120px 30px 0px #f5deb3,
/* 4th line */
30px 45px 0px #ffafaf,
60px 45px 0px #f5deb3,
75px 45px 0px #f5deb3,
90px 45px 0px #f5deb3,
105px 45px 0px #f5deb3,
120px 45px 0px #f5deb3,
135px 45px 0px #f5deb3,
150px 45px 0px #f5deb3,
165px 45px 0px brown,
180px 45px 0px brown,
195px 45px 0px brown,
210px 45px 0px brown,
225px 45px 0px brown,
240px 45px 0px brown,
255px 45px 0px brown,
270px 45px 0px brown,
285px 45px 0px brown,
300px 45px 0px brown,
315px 45px 0px brown,
330px 45px 0px brown,
345px 45px 0px brown,
360px 45px 0px #f5deb3,
375px 45px 0px #f5deb3,
390px 45px 0px #f5deb3,
405px 45px 0px #f5deb3,


420px 45px 0px #f5deb3,
/* tail */
435px 30px 0px #f5deb3,
435px 15px 0px #f5deb3,

/* 6th line */
60px 60px 0px #f5deb3,
75px 60px 0px #f5deb3,
90px 60px 0px #f5deb3,
105px 60px 0px #f5deb3,
120px 60px 0px #f5deb3,
135px 60px 0px #f5deb3,
150px 60px 0px #f5deb3,
165px 60px 0px brown,
180px 60px 0px brown,
195px 60px 0px brown,
210px 60px 0px brown,
225px 60px 0px brown,
240px 60px 0px brown,
255px 60px 0px brown,
270px 60px 0px brown,
285px 60px 0px brown,
300px 60px 0px brown,
315px 60px 0px brown,
330px 60px 0px brown,
345px 60px 0px brown,
360px 60px 0px #f5deb3,
375px 60px 0px #f5deb3,
390px 60px 0px #f5deb3,
405px 60px 0px #f5deb3,
/* 7th line */
75px 75px 0px #f5deb3,
90px 75px 0px #f5deb3,
105px 75px 0px #f5deb3,
120px 75px 0px #f5deb3,
135px 75px 0px #f5deb3,
150px 75px 0px #f5deb3,
165px 75px 0px brown,
180px 75px 0px brown,
195px 75px 0px brown,
210px 75px 0px brown,
225px 75px 0px brown,
240px 75px 0px brown,
255px 75px 0px brown,
270px 75px 0px brown,
285px 75px 0px brown,
300px 75px 0px brown,
315px 75px 0px brown,
330px 75px 0px brown,
345px 75px 0px brown,
360px 75px 0px #f5deb3,
375px 75px 0px #f5deb3,
390px 75px 0px #f5deb3,
405px 75px 0px #f5deb3,
/* 8th line */
90px 90px 0px #f5deb3,
105px 90px 0px #f5deb3,
120px 90px 0px #f5deb3,
135px 90px 0px #f5deb3,
150px 90px 0px #f5deb3,
165px 90px 0px brown,
180px 90px 0px brown,
195px 90px 0px brown,
210px 90px 0px brown,
225px 90px 0px brown,
240px 90px 0px brown,
255px 90px 0px brown,
270px 90px 0px brown,
285px 90px 0px brown,
300px 90px 0px brown,
315px 90px 0px brown,
330px 90px 0px brown,
345px 90px 0px brown,
360px 90px 0px #f5deb3,
375px 90px 0px #f5deb3,
390px 90px 0px #f5deb3,
405px 90px 0px #f5deb3,
/* 9th line */
105px 105px 0px #f5deb3,
120px 105px 0px #f5deb3,
135px 105px 0px #f5deb3,
150px 105px 0px #f5deb3,
165px 105px 0px brown,
180px 105px 0px brown,
195px 105px 0px brown,
210px 105px 0px brown,
225px 105px 0px brown,
240px 105px 0px brown,
255px 105px 0px brown,
270px 105px 0px brown,
285px 105px 0px brown,
300px 105px 0px brown,
315px 105px 0px brown,
330px 105px 0px brown,
345px 105px 0px brown,
360px 105px 0px #f5deb3,
375px 105px 0px #f5deb3,
390px 105px 0px #f5deb3,
405px 105px 0px #f5deb3,

/* Legs */
135px 120px 0px #f5deb3,
150px 120px 0px #f5deb3, 
390px 120px 0px #f5deb3,
120px 135px 0px #f5deb3,
405px 135px 0px #f5deb3;
tranform:sccale(0.9);}