@font-face {
  font-family: "nds";
  src: url("assets/nds.ttf");
}

body {
  background-color: #26172b;
  color: #fff6db;
  font-family: "nds", sans-serif;
  margin: 48px;
  font-size: 24px;
}

p {
  margin-top: 12px;
  margin-bottom: 12px;
}

a {font-weight: normal;}
a:link {color: #67ebff;}
a:visited {color: #ff8091;}

img { 
  image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
  image-rendering: -moz-crisp-edges;          /* Firefox                        */
  image-rendering: -o-crisp-edges;            /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated;                 /* Universal support since 2021   */
  image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
  -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

svg {
  image-rendering: crisp-edges; /* Or 'crisp-edges' for sharp scaling */
}

h1 {
  font-size: 48px;
  font-weight: normal;
}

h2 {
  font-size: 36px;
  font-weight: normal;
}

h3 {
  font-size: 24px;
  font-weight: normal;
  margin: 12px;
  margin-top: 0px;
}

.column {
  float: left;
  width: 50%;
}

.creation {
  background-color: #473360;
  background-clip: padding-box;
  border: 16px solid transparent;
  border-image: url(assets/border.png) 16 stretch;
  color: #fff6db;
  height: 128px;
  padding: 0px;
  margin: 16px;
}