:root {
  --primary-color: #101010;
  --secondary-color: #F1F1F1;
  --twitter-color: #1da1f2;
  --linkedin-color: #0076B5;
  --github-color: #f6f8fa;
}

* {
  background-color: var(--primary-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 3.5em;
}

h3 {
  font-weight: 400;
}

.github {
  color: var(--github-color);
}

.linkedin {
  color: var(--linkedin-color);
}

.twitter {
  color: var(--twitter-color);
}

p {
  font-size: 1.3em;
}

.mb-2 {
  margin-bottom: 8px;
}

.mr-2 {
  margin-right: 6px;
}

a {
  text-decoration: none;
  font-weight: 100;
  font-size: 1.2em;
  color: brown;
} 

body {
  color: var(--secondary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  font-family: 'PT Sans Narrow', sans-serif;
}

#external_links {
 display: flex;
 flex-direction: row;
}

#container {
  max-width: 500px;
  padding: 15px;
}