@import url('https://fonts.googleapis.com/css2?family=BenchNine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Niconne&display=swap');

body {
  background-color: #ebffee;
}

a {
  text-decoration: none;
  color: #05240d;
}

#header {
  display: flex;
  align-items: center;
}

#header-title {
  /* Text properties */
  font: 100px Niconne, cursive;
  color: green;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;

  /* Non-text stuff */
  margin-left: 20vh;
}

#content {
  margin-top: 20px;
  margin-left: 50px;
  font: 24px BenchNine, sans-serif;
}

.content-column {
  float: left;
}

.content-column h1 {
  margin-bottom: 0.15em;
}

#content-me1 {
  margin-right: 30px;
  margin-top: 50px;
  width: 100px;
  height: 95px;
  background: url("images/about_me/me1.png") no-repeat;
  display: inline-block;
}

#content-me1:hover {
  background: url("images/about_me/me2.png") no-repeat;
}

#content-external-links {
  font: 40px BenchNine, sans-serif;
  margin-left: 20px;
}

#content-external-links a {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

#content-external-links img {
  margin-right: 30px;
}