/* style */

body {
    background-color: #000;
    color: #fff;
    font-family: 'MS Gothic', monospace;
    text-shadow: 2px 2px 2px #f00;
    image-rendering: pixelated;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #c00 #600;
}

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: #600;
}

*::-webkit-scrollbar-thumb {
    background:#c00;
}

/* main */

.container {
    border: 1px solid #f00;
    max-width: 600px;
    margin: auto;
    padding: 5px 20px;
}

h1 {
    font-style: italic;
}

a {
    font-style: italic;
    color: #f00;
}

p {
    font-size: 1.2em;
}

/* gallery */

div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

div img {
  margin: auto;
  outline: 1px solid #600;
  outline-offset: -5px;
  width: 110px;
  height: auto;
  padding: 5px;
}

div img:hover {
  outline: 1px solid #c00;
}