@import url('links.css');


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

#lefttoright {
    width: 100px;
    height: 100px;
    background: white;
    position: relative;
    -webkit-animation: lefttoright 5s infinite; /* Safari 4.0 - 8.0 */
    animation: lefttoright 5s infinite;
}
@keyframes lefttoright {
    from {left: -400px;}
    to {left: -200px;}
    to {left: 200px;}
}

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


#poop
{width:15px;
height:15px;
background:#000;
position:relative;
margin-left:40% ;
box-shadow:

150px 135px 0px #957049,
180px 75px 0px #957049,
135px 90px 0px #957049,
195px 105px 0px #957049,
150px 90px 0px #957049;}

/*detaildogpage*/
*{margin:0px;
padding:0px;
}
  
body{
background:#fff;
position:relative;
padding:50px 0px 0px 0px;
} 

#detaildog
{
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,
315px 0px 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,
/* Droped water */
15px 135px 0px #b6e7ff,
30px 135px 0px #b6e7ff,
45px 135px 0px #b6e7ff
;
}

#detaildog:after
{
content:"";
width:15px;
height:15px;
position:absolute;
background:#b6e7ff;
left:30px;
top:45px;
z-index:-1;
-webkit-animation:drop 1s infinite;
-moz-animation:drop 1s infinite;
-ms-animation:drop 1s infinite;
-o-animation:drop 1s infinite;
animation:drop 1s infinite;
}

@-webkit-keyframes drop
{
0%{top:45px;background:#b6e7ff;}
80%{background:#b6e7ff;z-index:1;}
90%{background:#85d6fe;z-index:1;}
100%{top:135px;background:#85d6fe;z-index:1;}
}

@-moz-keyframes drop
{
0%{top:45px;background:#b6e7ff;}
80%{background:#b6e7ff;z-index:1;}
90%{background:#85d6fe;z-index:1;}
100%{top:135px;background:#85d6fe;z-index:1;}
}

@-ms-keyframes drop
{
0%{top:45px;background:#b6e7ff;}
80%{background:#b6e7ff;z-index:1;}
90%{background:#85d6fe;z-index:1;}
100%{top:135px;background:#85d6fe;z-index:1;}
}

@-o-keyframes drop
{
0%{top:45px;background:#b6e7ff;}
80%{background:#b6e7ff;z-index:1;}
90%{background:#85d6fe;z-index:1;}
100%{top:135px;background:#85d6fe;z-index:1;}
} 

@keyframes drop
{
0%{top:45px;background:#b6e7ff;}
80%{background:#b6e7ff;z-index:1;}
90%{background:#85d6fe;z-index:1;}
100%{top:135px;background:#85d6fe;z-index:1;}
}




#longbeigedoggirl
{width:15px;
height:15px;
background:#000;
position:fixed;
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;}


#longbeigedogmale
{width:15px;
height:15px;
background:#000;
position:fixed;
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 navy,
180px 45px 0px navy,
195px 45px 0px navy,
210px 45px 0px navy,
225px 45px 0px navy,
240px 45px 0px navy,
255px 45px 0px navy,
270px 45px 0px navy,
285px 45px 0px navy,
300px 45px 0px navy,
315px 45px 0px navy,
330px 45px 0px navy,
345px 45px 0px navy,
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 navy,
180px 60px 0px navy,
195px 60px 0px navy,
210px 60px 0px navy,
225px 60px 0px navy,
240px 60px 0px navy,
255px 60px 0px navy,
270px 60px 0px navy,
285px 60px 0px navy,
300px 60px 0px navy,
315px 60px 0px navy,
330px 60px 0px navy,
345px 60px 0px navy,
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 navy,
180px 75px 0px navy,
195px 75px 0px navy,
210px 75px 0px navy,
225px 75px 0px navy,
240px 75px 0px navy,
255px 75px 0px navy,
270px 75px 0px navy,
285px 75px 0px navy,
300px 75px 0px navy,
315px 75px 0px navy,
330px 75px 0px navy,
345px 75px 0px navy,
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 navy,
180px 90px 0px navy,
195px 90px 0px navy,
210px 90px 0px navy,
225px 90px 0px navy,
240px 90px 0px navy,
255px 90px 0px navy,
270px 90px 0px navy,
285px 90px 0px navy,
300px 90px 0px navy,
315px 90px 0px navy,
330px 90px 0px navy,
345px 90px 0px navy,
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 navy,
180px 105px 0px navy,
195px 105px 0px navy,
210px 105px 0px navy,
225px 105px 0px navy,
240px 105px 0px navy,
255px 105px 0px navy,
270px 105px 0px navy,
285px 105px 0px navy,
300px 105px 0px navy,
315px 105px 0px navy,
330px 105px 0px navy,
345px 105px 0px navy,
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;}