html, body, #root {
    height: 100%;
}
body {
    background-color: #111;
}
/* Animations */
.typewriter h1 {
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: 15px;
  animation:
    typing 3s steps(3, start) infinite;
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

code {
    padding: 0 6px 0 6px;
    border-radius: 4px;
    background-color: #2c2c2c;
}

h1, h2, h3, h4 {
    font-weight: bold;
    margin-bottom: 6px;
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }

strong, b {
    font-weight: bold;
}