body {
  background-color: #1d171b;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

svg {
  /* max-width: 80%; */
  max-height: 60vh;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 3rem;
  display:block;
  flex-basis: min-content;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	animation-duration:2s;
} 

.fade-in.one {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.fade-in.two {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}
 
.fade-in.three {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
}
 
.fade-in.four {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
animation-delay: 3s;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left:auto; margin-right:auto; 
  /* display:block; */
  max-width: min(80%, 50rem);
}

h1 {
  margin-top: 6rem;
  flex-shrink: 0;
  flex-basis: 0;
  font-size: 2rem;
  color: hsl(212, 75%, 56%);
  text-align: center;
}

h2 {
  flex-shrink: 0;
  flex-basis: 0;
  font-size: 1.8rem;
  color: hsl(212, 75%, 46%);
  text-align: center;
}

p {
  text-align: left;
  flex-shrink: 0;
  flex-basis: 0;
  color: #ebebcc;
  margin-left: -1rem;
  margin-bottom: 2rem;
  font-size: 1.1rem;
}

a {
  flex-basis: min-content;
  font-size: 1.4rem;
  color: #7f7f7f;
  margin-top: 3rem;
  margin-bottom: 5rem;
  margin-left:auto; margin-right:auto;
}