$main-font-stack: 'Source Sans 3', sans-serif;

* {
  font-family: $main-font-stack;
}

body {
  color: #1f262a;
  background-color: #d1d0d2;
}

.center-block {
  max-width: 400px;
  margin: 0 auto;
}

header h1 {
  text-align: center;
}

div#social-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;

  a {
    text-decoration: none;
    display: inline-block;
  }

  .social-icon img {
    width: 32px;
    height: 32px;
    padding: 0.5em;
  }
}

#main-content {
  text-align: justify;

  a {
    text-decoration: underline dotted;
    color: #2a3439;
  }

  p {
    margin: 0.5em 0em;
    padding: 0.25em;
    border: 1.5px #5b676d;
    border-style: dashed solid;
  }
}