/* Global */
:root {
  image-rendering: pixelated;
  box-sizing: border-box;
  margin: 0;
  
  font-family: 'Fira Code', sans-serif;
  background-color: black;
  color: #dfdfdf;
}

/* Fixes and Stuff */
body {margin: 0}
* {box-sizing: inherit}
button { border: none; background: none; padding: 0; position: relative }

/* Text */
@font-face { font-family: "Fira Code"; src: url('fonts/FiraCode-Regular.ttf') format('truetype') }
@font-face { font-family: "Fira Code"; src: url('fonts/FiraCode-Bold.ttf')    format('truetype'); font-weight: bold }
a {font-weight: bold}
::selection {
  color: black;
  background-color: white;
}

/* Cursors */
html {cursor: url('images/cursor.png'), auto}
a, button, input, label, select {cursor: url('images/pointer.png'), pointer}
.info {cursor: url('images/whats_this.png'), help}