/*
Simple Dark v.1.1
Report any bugs to https://neocities.org/site/asapollyon
  v.1.0 is archived at https://archive.is/wdSzB
  v.1.1 is archived at https://archive.is/tgUe2
*/
@media only screen and (min-width: 600px) {
  @media only screen and (min-height: 500px) {
html {
  background-color: #000;
  color: #fff;
  font-family: sans-serif;
  font-size: 1em;
  }
body {
  background-color: #222;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 10%;
  }
h1, h2, h3, h4, h5 {
  text-align: center;
  }
    p::before {
      content: "------";
      color: rgba(0, 0, 0, 0);
    }
  a {
    color: #44f;
    text-decoration: none;
    }
  a:visited {
    color: #aaa;
    }
  a::selection {
    text-decoration: underline;
  }
  .mobile {
    display: none;
    }
}
  @media only screen and (max-height: 500px) {
  html {
    background-color: #222;
    color: #fff;
    font-family: sans-serif;
    font-size: 1.5em;
    }
  body {
    width: 90%;
    height: 100%;
    background-color: #222;
    }
  h1, h2, h3, h4, h5 {
    text-align: left;
    }
    p::before {
      content: "------";
      color: rgba(0, 0, 0, 0);
    }
  a {
    color: #44f;
    text-decoration: none;
    }
  a:visited {
    color: #aaa;
    }
  a::selection {
    text-decoration: underline;
  }
  .computer {
    display: none;
    }
    }
  }
@media only screen and (max-width: 600px) {
  html {
    background-color: #222;
    color: #fff;
    font-family: sans-serif;
    font-size: 1.5em;
    }
  body {
    width: 90%;
    height: 100%;
    background-color: #222;
    }
  h1, h2, h3, h4, h5 {
    text-align: left;
    }
  p::before {
      content: "------";
      color: rgba(0, 0, 0, 0);
    }
  a {
    color: #44f;
    text-decoration: none;
    }
  a:visited {
    color: #aaa;
    }
  a::selection {
    text-decoration: underline;
  }
  .computer {
    display: none;
    }
  }
  pre {
  background-image: linear-gradient(#444, #444, #000);
  border-radius: 10px;
  padding: 1%;
  border: 1px solid #aaa;
}
pre[plain=true] {
  font-family: sans-serif;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  border: none;
  padding: none;
  display: inline;
}
code {
  font-family: monospace;
  font-size: 1.23em;
}
a.classic {
  text-decoration: underline;
  color: #00f;
}
code.classic {
  font-size: 1em;
}
pre.classic {
  border-radius: 0px;
  padding: 0%;
  border: none;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
[display=none] {
  display: none;
}
[display=block] {
  display: block;
}
[display=flex] {
  display: flex;
}
[display=grid] {
  display: grid;
}
[display=inline] {
  display: inline;
}
[display=contents] {
  display: contents;
}
[display=inline-block] {
  display: inline-block;
}
.like-main {
    background-color: #333;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 10%;
  border-radius: 20px;
}
.main {
    background-color: #222;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 10%;
}