body {
  color: #414141;               /* Dark gray */
  background-color: #030e1a;    
  font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica", "Arial", sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.6em;
}

ul {
  list-style-type: circle;
}

ol {
  list-style-type: lower-roman;
}

a {
  text-decoration: none;
}

p {
  text-align: left;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

image_container {
    display: grid;
    place-items: center;
    height: 100vh;
}

.grid-container {
    display: grid;
    place-items: center;
    height: calc(100vh);
}

/* https://code-boxx.com/rotate-spin-image-html-css/ */
@keyframes spin {
  from { transform: rotate(0deg) }
  to { transform: rotate(360deg) }
}
.spin { animation: spin 5s ease-in-out 1; }