body {
    font-family: 'Fira Code', monospace;
    margin: 0;
    padding: 20px;
    background-color: #1a1a1a;
    color: white;
    text-align: center;
}

main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

img {
  width: 200px;
  height: 200px;
}

a {
    color: white;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
}

a.name {
    font-size: 32px;
}

a.soc {
    font-size: 20px;
}

article img {
    width: 100%;
    max-width: 800px;
    height: auto;
}

nav a:hover, .read-more:hover {
    color: #aaa;
    text-decoration: underline;
    cursor: pointer;
}