* {
  box-sizing: border-box;
}

body {
  margin: 0;
  /* copied from the Create-React-App starter template */
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}

main {
  text-align: center;
}

a {
  color: inherit;
}

.FullPageSection {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
}

.IntroSection {
  background-color: #282c34;
  color: #fff;
  justify-content: center;
}

.IntroSection > header {
  margin: 10px;
  font-size: 1.5em;
}

#MyNameHeader {
  font-size: 3em;
}

#MyNameSpan {
  color: #add8e6;
}

#IntroLinksContainer {
  padding: 0;
  margin-top: 3em;
  display: flex;
  align-items: center;
}

.SocialMediaLinkItem {
  height: 4em;
  width: 4em;
  display: inline-block;
  margin: 0 1em;
}

.SocialMediaLinkItem a {
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}

.SocialMediaLinkItem img {
  max-height: 100%;
  max-width: 100%;
  opacity: .7;
}

.SocialMediaLinkItem img:hover {
  opacity: 1.0;
}

.BlurbSection {
  max-width: min(90%, 40em);
  margin: auto;
  align-items: normal;
}

.BlurbSection p, #ProjectsList {
  text-align: left;
  font-size: 1.5em;
}

.CopyrightSection {
  padding: 1em;
  background-color: #000;
  color: #fff;
}