body {
   background-image:url(https://cheepfish.neocities.org/img/resourcesbg.jpg); 
   background-attachment: fixed;
   background-size: cover;
}

@media screen and (max-width: 600px) {
  body {
    letter-spacing: 0px;
    line-height: 1em;
  }
}

@font-face {
    font-family: "pixel";
    src: url("../fonts/pix.ttf") format("truetype");
}

.write {
    padding-bottom: 0.5em;
}

.container {
  min-width: 400px;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1.6em;
  overflow-y: overlay;
  display: flex;
  flex-direction: column;
  background: rgba(240, 240, 255, 0.904);
  border: 4px solid rgb(15, 17, 131);
}

#home {
    position: absolute;
    z-index: 100;
    padding: 0.3em 0.7em 0.3em 0.3em;
    background-color: rgba(240, 240, 255, 0.904);
    font-family: "pixel";
    border-radius: 0 0px 15px 0;
}

a#home {
    text-decoration: none;
}

img#pic {
    width: 20px;
}

h2 {
    font-family: "pixel";
    color: rgb(237, 241, 255);
    background-color: rgb(15, 17, 131);
    border-radius: 0 20px 20px 0;
    padding: 0.3em 1em 0.3em 1em;
    width: 300px;
}

h1 { 
    position: relative;
    font-family: "pox";
    padding: 1em;
    margin: 0px;
    background-color: rgb(15, 17, 131);
    color: rgb(237, 241, 255);
    text-align: center;
}

ol {
    padding-right: 1em;
}

li {
    list-style: none;
    font-family: DejaVu Sans Mono, monospace;
    padding: 0.3em 0 0.3em 0;
}

mark {
    background-color: rgba(235, 255, 57, 0.644);
}