html, body {
  margin:0;
  color:lime;
  background-color:black;
  font-family:"Courier New", monospace;
  cursor:url("assets/cursor.png"), default;
}

main {
  flex:1;
  margin:auto;
  padding:20px;
  background-color:black;
}

#i1 {
  margin-left:15px;
}

#i2 {
  margin-left:25px;
}

#i3 {
  margin-left:35px;
}

a:link {
  color:lime;
  text-decoration:underline;
  cursor: url("assets/pointer.png"), pointer;
}

a:visited {
  color:lime;
  text-decoration:underline;
  font-style:italic;
  cursor: url("assets/pointer.png"), pointer;
}

a:hover {
  color:white;
  text-decoration-line:line-through;
  cursor: url("assets/pointer.png"), pointer;
}

a:active {
  color:black;
  background-color:lime;
  text-decoration:none;
  cursor: url("assets/pointer.png"), pointer;
}

hr {
  border:dashed lime;
}

.wip {
  opacity:.4;
  font-style:italic;
}

.outlink:after {
  content:"↗";
  line-height:12px;
}

pre {
  color:lime;
}

::selection {
  color:black;
  background:lime;
}

::-webkit-scrollbar {
  width:auto;
  color:lime;
}

::-webkit-scrollbar {
  width:5px;
}

::-webkit-scrollbar-track {
  background:black;
}

::-webkit-scrollbar-thumb {
  background:lime;
}

@media only screen and (max-width:800px) {
  main {
    padding:20px;
    background-color:black;
  }
  
  pre {
    font-size:.8em;
  }

  #i1 {
    margin-left:0;
  }
  
  #i2 {
    margin-left:15px;
  }
  
  #i3 {
    margin-left:25px;
  }
}