body
{
  color: gold;
  background-color: darkblue;
}

h1
{
  position: absolute;
  left: 5%;
}

h3
{
  position: absolute;
  left: 30%
}

#dok
{
  position:absolute;
  left: 30%;
  top: 25%;
  font-size: 28px;
}

.doggy
{
  position:absolute;
  left: 30%;
  top: 15%;
  weight: 50%;
}

.dog
{
  position:absolute;
  left: 3%;
  top: 3%;
}

.dog1
{
  position:absolute;
  left: 16%;
  top: 3%;
}

.dog2
{
  position:absolute;
  left: 28%;
  top: 3%;
}

.dog3
{
  position:absolute;
  left: 3%;
  top: 23%;
}

.dog4
{
  position:absolute;
  left: 16%;
  top: 23%;
}

.dog5
{
  position:absolute;
  left: 28%;
  top: 23%;
}

.dog6
{
  position:absolute;
  left: 3%;
  top: 39%;
}

.dog7
{
  position:absolute;
  left: 16%;
  top: 39%;
}

.dog8
{
  position:absolute;
  left: 28%;
  top: 39%;
}


.left
{
  position:absolute;
  left: 45%;
  top: 55%;
}

.right
{
  position:absolute;
  left: 65%;
  top: 55%;
}

.back
{
  position:absolute;
  left: 45%;
  top: 85%;
}

.story
{
  position:absolute;
  left: 45%;
  top: 0%;
  color: darkblue;
  font-size: 36px;
  background-color: gold;
}