body {
  background:black;
  margin: 15px;
  color: hotpink;
  text-align: center;
 border: 4px dotted white;
}

.box {
  padding: 20px;
  text-align: center;
}

h1 {
  margin-top: 15px;
  margin-bottom: 15px;
  text-decoration: underline;
  font-size:48px;
  font-family: 'Gupter', serif;
  
  }
h6{
  font-style: italic;
  font-size: 24px;
}

.navcontrols {
  margin-bottom: 35px;
}

.nav {
  margin-right: 15px;
}

p {
  font-family: 'Bebas Neue';
  margin-top: 20px;
  margin-bottom: 20px;
  word-spacing: 5px;
   font-size:20px;
}
p2 {
   text-align: left;
}
  p3 {
   text-align: right;
    font-size:12px;
    color: white;
  
}

.label {
  color: white;
  padding: 0 0 0.2em 0.5em;
}

.bar {
  height: 40px;
  line-height: 40px;
  background: Grey;
  padding: 5px 15px;
  color: Black;
  border-radius: 10px;
  transition: 0.5s;
  margin-bottom: 1em;
  text-align: center;
}

button {
  margin-top: 1em;
  background: lightblue;
  outline: none;
  cursor: pointer;
  color: #1d2127;
  font-size: 14px;
  font-family: inherit;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  margin-right: 10px;
}

button:hover {
  opacity: 0.8;
/* unvisited link */
  
}a:link {
  color: white;
}

/* visited link */
a:visited {
  color: white;
}


</body>
</html>