/* Style.css File */
@font-face {
font-family: 'Adler';
src: url('/fonts/Adler.ttf') format("truetype");
}
@font-face {
font-family: 'CALIBURN';
src: url('/fonts/CALIBURN13%20abandon.ttf') format("truetype");
}
@font-face {
font-family: 'Fantaisie';
src: url('/fonts/FantaisieArtistique.ttf') format("truetype");
}
@font-face {
font-family: 'OverdriveSunset';
src: url('/fonts/Overdrive Sunset.otf') format("opentype");
}
@font-face {
font-family: 'PoorLittleBaby';
src: url('/fonts/PoorLittleBaby.ttf') format("truetype");
}
@font-face {
font-family: 'punkkid';
src: url('/fonts/punk kid.ttf') format("truetype");
}
@font-face {
font-family: 'Scratchy';
src: url('/fonts/SCRATCHL.ttf') format("truetype");
}
body {
    /* Font Colour */
    color:#ffd1d1;
    background-color: #0f0f10;
    text-align:center;
    font-family:"Courier New";
cursor:url('/graphics/qurothpointer.png'),auto;}
            .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}
/* Create four equal columns that sits next to each other */
.column {
  flex: 100%;
  max-width: 100%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}
h1{font-family:'Scratchy';color:#833b53;text-shadow: -1px -1px 0 #270011, 1px -1px 0 #270011, -1px 1px 0 #270011, 1px 1px 0 #270011;
}
h2{font-family:'CALIBURN';color:#d77898;text-shadow: -1px -1px 0 #270011, 1px -1px 0 #270011, -1px 1px 0 #270011, 1px 1px 0 #270011;
}
h3,h4,h5,h6{font-family:'Adler';color:#861a3b;text-shadow: -1px -1px 0 #270011, 1px -1px 0 #270011, -1px 1px 0 #270011, 1px 1px 0 #270011;
}
p {font-size:13px;}
a {color:#98d5a8;text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
a:hover {color:#dcf1e1;cursor:url('/graphics/qurothpointer2.png'),auto;}