body {
  background-color:white;
}

nav {
  background-color: #fafafa;
  color: white;
}

h1 {
font-size:80px;
font-weight:800;
text-align:center;
font-family: 'Roboto', sans-serif;
}

h2 {
font-size:25px;
text-align:center;
font-family: 'Roboto', sans-serif;
}

h3 {
font-size:20px;
text-align:center;
font-family: 'Roboto', sans-serif;
margin: 0px;
}

p {
text-align: center;
font-family: sans-serif;
font-size: 15px;
}

a:hoover, portal {
  color: #aE1E5A
}

.messageTxt {
text-align: left;
font-family: sans-serif;
font-size: 20px;
font-weight: lighter;
}

.container {
width: 600px;
margin: 0 auto;
margin-top: 2%;
}

.box-parent {
  margin: 0.1rem;
  padding: 1rem 1rem;
  text-align: center;
  border: 0px solid black;
}

.box-child-colored {
  display: inline-block;
  background: #EE3E8A;
  border-radius: 5px 5px 0px 0px;
  color: white;
  padding: 1rem;
  vertical-align: middle;
  height: 70px;
  width: 70px;
  margin: auto;
  text-align: center;
}

.box-child-colored:hover {
  transition: 300ms;
  transform: translate(-4px, -4px);
  /*transform: translateY(-4px);*/
}

.box-child {
  display: inline-block;
  vertical-align: middle;
  padding: 1rem;
  width: 100%;
  text-align: left;
}