body {
  font-family: Saira, Verdana, sans-serif;
  background-color: #333;
  color: rgb(112,245,255);
  margin: 0;
}

.container {
  width: 100%;
  height: 100vh;
  text-align: center;
}

.main-image {
  margin: 0 0 0 2em;
}

.main-name {
  font-size: 4em;
  font-weight: bold;
  margin: 5px 5px;
}

.link-menu {
  margin: 3em 0 4em 0;
}

.link-menu a {
  color: #70F5FF;
  margin: 0 1em;
}

.link-container {
  font-size: 1.2em;
  margin: 1.5em 0 1em 0;
}

.link-menu .link-container {
  display: flex;
  justify-content: center;
}

a {
  color: rgb(255,219,254);
}

a:hover {
  color: rgb(255,0,128);
}

.content-container {
  margin: 2em auto;
  width: 50%;
  font-size: 1.1em;
}

.section-container {
  margin: 1.5em 0;
}

.section-title {
  margin: 0 0 0.5em 0;
  color: rgb(112,245,255);
  font-size: 1.2em;
}

.section-content {
  color: rgb(255,202,20);
  margin: auto;
  width: 80%;
  line-height: 1.2em;
}

.accent-tall {
  margin: auto;
  width: 50%;
  height: 0.7em;
}

.accent-short {
  margin: auto;
  width: 50%;
  height: 0.3em;
}

.accent-square {
  border: 0.2em solid rgb(255,202,1);
  margin: 0 1em;
  width: 0.5em;
  height: 0.5em;
}

.pink {
  background-color: rgb(255,0,128);
}

.yellow {
  background-color: rgb(255,202,1);
}

.teal {
  background-color: rgb(0,163,150);
}

.violet {
  background-color: rgb(50,16,143);
}

.cyan {
  background-color: rgb(112,245,255);
}

#footer-img {
  margin: 4em auto 0 auto;
  width: 50%;
  height: 50%;
}

#about {
  font-size: 1.2em;
}

#about h3 {
  font-size: 1.5em;
}