.wrapper{
  width: 30px;
  height: 30px;
  background-color: red;
  border-radius: 200px;
  position:absolute;
  z-index: 100;
   -webkit-transition: width 2s height 2s;
    transition: width 2s height 2s;
}
div:hover {
     width: 40px;
  height: 40px;
}

.circle{
  top: 300px;
  left: 150px;
}
.circle2{
    top: 179px;
    left: 789px;
}
.circle3{
    top: 600px;
    left: 570px;
}
.circle4{
    top: 170px;
    left: 150px;
}
.circle5{
    top: 350px;
    left: 990px;
}
.circle6{
     top: 300px;
    left: 400px;
}
.circle7{
    top: 600px;
    left: 300px;
}

h1{
    font-size: 50px;
    text-align: center;
    font-family: helvetica,arial;
    color: white;
   /* font-family: 'Cabin Sketch', cursive;*/
}
html{
    background-color: black;
}
/*img{
    position: absolute;
    text-align: center;
}*/

a:link{
    color: #000000;
}

a:hover {
    color: #FF00FF;
}

a:visited {
    color: #19FFD1;
}