@font-face {
    font-family: smallpixel;
    src: url(fonts/smallpixelfont.ttf);
    font-weight: normal;
    font-style: retro;
}
html,body {
  margin: auto;
  padding: 16px;
  height: 100%;
  background-color: white;
  color: #000000;
  font-family: "smallpixel", Verdana, Sans-Serif;
  font-size: 48px;
  text-align: left;
  line-height: 0.75;
  cursor: url("https://poraneva.city/img/cursor/default.png") 8 6, auto;
}
a:hover {
  cursor: url("https://poraneva.city/img/cursor/pointer.png") 12 6, auto;
}
c-help:hover {
  cursor: url("https://poraneva.city/img/cursor/help.png") 6 6, auto;
}
c-pointer:hover {
  cursor: url("https://poraneva.city/img/cursor/pointer.png") 12 6, auto;
}
c-progress:hover {
  cursor: url("https://poraneva.city/img/cursor/progress.png") 6 6, auto;
}
c-wait:hover {
  cursor: url("https://poraneva.city/img/cursor/wait.png") 16 16 , auto;
}
c-crosshair:hover {
  cursor: url("https://poraneva.city/img/cursor/crosshair.png") 15 15 , auto;
}
c-text:hover {
  cursor: url("https://poraneva.city/img/cursor/text.png") 15 15 , auto;
}
c-vertical-text:hover {
  cursor: url("https://poraneva.city/img/cursor/vertical-text.png") 15 15 , auto;
}
c-move:hover {
  cursor: url("https://poraneva.city/img/cursor/move.png") 15 15 , auto;
}
c-not-allowed:hover {
  cursor: url("https://poraneva.city/img/cursor/not-allowed.png") 15 15 , auto;
}
c-grab:hover {
  cursor: url("https://poraneva.city/img/cursor/grab.png") 12 6 , auto;
}
c-grab:active {
  cursor: url("https://poraneva.city/img/cursor/grabbing.png") 12 6 , auto;
}
c-zoom-in:hover {
  cursor: url("https://poraneva.city/img/cursor/zoom-in.png") 15 15 , auto;
}
c-zoom-out:hover {
  cursor: url("https://poraneva.city/img/cursor/zoom-out.png") 15 15 , auto;
}