@font-face {
    font-family: 'faceless';
    src: url(/journal/fonts/Faceless.ttf);
}

@font-face {
    font-family: 'cherish';
    src: url(/Cherish.ttf);
}

@font-face {
    font-family: 'hand';
    src: url(/journal/fonts/abyss.ttf);
}

body {
  background: #f3efcc;
  background-image: radial-gradient(rgb(185, 185, 185) 1px, transparent 0);
  background-size: 0.5cm 0.5cm;
  background-position: -28px -28px;
  margin: 0;
  padding: 0;
  font-family: 'hand';
}
.red {
    color: #850606;
}
.gray {
    color: rgb(90, 90, 90);
}
.white {
    color: white;
}
.lightblue {
    color: rgb(14, 150, 212);
}
.orange {
    color: rgb(209, 142, 17);
}
.green {
    color: rgb(80, 204, 49);
}
.transparent {
    color: transparent;
}
.bg {
    color: #f3efcc;
}
.redbg {
    background-color: #850606;
}
.blackbg {
    background-color: rgb(24, 24, 24);
}

.outlinered {
    text-shadow: -1px -1px 0 #850606, 1px -1px 0 #850606, -1px 1px 0 #850606, 1px 1px 0 #850606;
}

h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}