body
{
  font-family: Helvetica;
  text-align: center;
  background-color: #00a6ff;
  color: white;
  padding: 0;
  margin: 0;
  height: auto;
  overflow-x: hidden;
}

#top
{
  margin: 0;
  padding: 1%;
  background: rgb(0, 0, 0, 0.1);
  font-family: Arial Black;
  width: 100%;
}

a, #button
{
  text-decoration: none;
  padding: 2.5%;
  margin: 2.5%;
  border: 3px solid;
  border-radius: 50px;
  color: white;
}

a:hover, #button:hover, #nameLinks:hover
{
  background-color: rgb(0, 0, 0, 0.1);
}

#main
{
  margin-top: 5%;
  margin-left: 20%;
  padding: 5%;
  align-self: center;
  width: 50%;
  background: rgb(0, 0, 0, 0.05);
}

#footer
{
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 11px;
}

#bubbles
{
  margin-top: 5%;
}

#button
{
  background: transparent;
  font-size: 14px;
}

#button:focus
{
  outline:0;
}


ul, li
{
  text-align: left;
  color: white;
}

.nameLinks
{
  border: none;
}

.nameLinks:hover
{
  background: transparent;
}

#addName
{
  margin: 5% 20% 0 20%;
}