:root {
    --bg-dark: #111213;
    --fg-light: #d6d6d6;
    --matrix-green: #39FF14;
}

body {
    padding: 0 10px;
    margin: 50px auto;
    max-width: 650px;
    background-color: var(--bg-dark);
    color: var(--fg-light);
    font-family:
        "SF Mono", "SFMono-Regular", ui-monospace,
        Menlo, Consolas, "Liberation Mono", monospace;

    font-size: 0.9rem;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  margin: auto;
  width: 50%;
  border: 5px inset grey;
  box-shadow: 4px 4px 15px rgba(0,0,0,0.5);
  transform: rotateX(10deg) rotateY(10deg);
  transform-style: preserve-3d;
  perspective: 1000px;
  transition: transform 0.3s ease;
}

img:hover {
  transform: rotateX(0) rotateY(0);
}



#maincontent {
    max-width: 42em;
    margin: 15 auto;

}


a:hover,
a:focus {
    text-decoration: underline;
}