html {
  background-color:#000000;
  background-size: 64px;
  background-attachment: fixed;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  cursor: url("/assets/auto.svg"), auto;
  scrollbar-width: thin;
  scrollbar-color: #00ffff;
}

@font-face {
  font-family: "Unifont";
  src: url("https://file.garden/YPmokgczOTYxCpvI/website/unifont-16.0.02.otf");
}
@font-face {
font-family: "Terminal Grotesque";
src: url("https://file.garden/YPmokgczOTYxCpvI/website/terminal-grotesque.ttf");
}
@font-face {
font-family: "DePixel";
src: url("https://file.garden/YPmokgczOTYxCpvI/website/DePixelHalbfett.otf");
}
@font-face {
  font-family: "Zelda DX TT";
  src: url(https://file.garden/YPmokgczOTYxCpvI/website/zeldadxt.ttf);
}

.filter-cyan{
    filter: invert(95%) sepia(32%) saturate(3029%) hue-rotate(105deg) brightness(101%) contrast(104%);
}

.filter-rss{
  filter: brightness(0) saturate(100%) invert(60%) sepia(82%) saturate(367%) hue-rotate(340deg) brightness(98%) contrast(95%);
}

body {
  width:1440px;
  margin:0 auto;
  padding-bottom: 140px;
  font-family: sans-serif;
  color: cyan
}

h1,h2,h3,h4,h5,h6 {
  font-family: serif;
  color: cyan
}

p {
  font-family: sans-serif;
  color: cyan
}

a {
  color: blue
}

a:hover {
  color: turquoise
}

.footer {
  font-family: monospace;
}

.italics {
  font-family: "Zelda DX TT", Unifont, "Courier New", Courier, monospace;
  font-size: 8 px;
  color: cyan
}

.pass {
  color: black
}

.sotd {
  padding: 400px;
  color: cyan
}

.sotdhead {
  padding: 500px;
  color: cyan
}

.todo {
  font-family: "Courier New", Courier, monospace;
  color: cyan
}

.todohead {
  padding: 300px;
  color: cyan
}

.button {
  background-color: darkslategrey;
}

code {
  background-color: darkslategrey;
}

.setup {
  color: cyan
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 140px;
  width: 100%;
  overflow: hidden;
  background: black
}

hr {
  border-color: cyan
}

table, th {
  padding: 5px;
  border: 2px solid;
  border-collapse: collapse;
}

td {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid;
  border-collapse: collapse;
}

.img-with-text {
    text-align: justify;
    width: [width of img];
}

.img-with-text img {
    display: block;
    margin: 0 auto;
}

iframe {
  display: block;
  margin: 0 auto;
}

.indent-1 {
  float: left;
  vertical-align: middle;
}

.indent-1 section {
  width: 50%; float: left;
}

.box-img{
    float:left;
    margin-right:20px;
}

.box-vid{
    float:left;
    margin-left:50px;
}

.box-price{
    float:left;
    margin-left:140px;
    margin-right:20px;
}

.box-drm{
    float:left;
    margin-left:50px;
}

.clear{
    clear:both;
}

.box-cont{
    padding-bottom:600px;
}