body{
  margin: 0 auto;
}

#container{
  background-color:#eee;
  width:100vw;
  height:100vh;
  position:relative;
}

.part{
  background-color:#fff;
  width:300px;
  height:200px;
  border-radius:50%;
  position:absolute;
  transition:200ms;
  cursor:pointer;
  text-align:center;
  line-height:200px;
  border:1px solid grey;
  font-size:20px;
  color:black;
  display:block;
  text-decoration:none;
}

a{
  z-index:1000000000000;
}

.part:hover{
  border-radius:0px;
  z-index:10000000000000000000000;
  border:0px;
/*   box-shadow:10px 10px 20px lightgrey; */
}
#elems{
  width:100%;
  max-height:100vh;
  overflow:scroll;
  padding-bottom:50px;
  background:  -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 68%, rgba(238,238,238,1) 98%, rgba(238,238,238,1) 100%);
}
.elem{
  width:100px;
  height:66px;
  border-radius:50%;
  background-color:black;
  margin:5px;
  display:inline-block;
}

#lily:hover, .lily{
  background:  -webkit-linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%);
}
#robbie:hover, .robbie{
  background:  -webkit-radial-gradient(center, ellipse cover, rgba(255,0,255,1) 0%, rgba(255,0,0,1) 50%, rgba(219,255,18,1) 100%);
}
#mauricio:hover, .mauricio{
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,0,1) 0%, rgba(0,255,255,1) 100%);
}
#willie:hover, .willie{
 background: -webkit-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 25%, rgba(5,193,255,1) 50%, rgba(255,255,0,1) 75%, rgba(255,0,0,1) 100%);
}
#pia:hover, .pia{
  background:-webkit-radial-gradient(center, ellipse cover, rgba(0,105,105,1) 0%, rgba(255,168,242,1) 49%, rgba(0,87,87,1) 100%);
}
#claudia:hover, .claudia{
  background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,0,1) 0%, rgba(255,255,0,1) 5%, rgba(255,36,248,1) 28%, rgba(171,115,255,1) 91%, rgba(171,115,255,1) 100%);
}
#aurora:hover, .aurora{
  background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,0,1) 0%, rgba(255,255,0,1) 14%, rgba(255,0,0,1) 36%, rgba(13,255,0,1) 62%, rgba(255,102,252,1) 74%, rgba(255,102,252,1) 100%);
}
#ana:hover, .ana{
  background:-webkit-radial-gradient(center, ellipse cover, rgba(87,255,233,1) 0%, rgba(102,67,78,1) 79%, rgba(102,67,78,1) 100%);
}
#robert:hover, .robert{
  background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 100%);
}