@font-face {
    font-family: "ThorneShaded";
    src: url("/fonts/ThorneShaded.ttf") format("truetype");
}

@font-face {
    font-family: "JDBRIMSTONE";
    src: url("/fonts/JDBRIMSTONEBASICRegular.ttf") format("truetype");
}

@font-face {
    font-family: "OpenSans";
    src: url("/fonts/OpenSans-Regular.ttf") format("truetype");
}

body {
  font-family: "OpenSans";
  background-color: red;
  color: white;
}

h1 {
  font-family: "ThorneShaded";
  text-align: center;
  background-image: linear-gradient(white 25%, transparent);
  color: transparent;
  -webkit-background-clip: text;
  font-size: 3em;
}

.hover {
 font-family: "JDBRIMSTONE"; 
 font-size: 1.75em;
 color: white;
}

.hover:hover {
  color: transparent;
  -webkit-text-stroke: 1.5px white;
}

a {
  color: inherit;
  text-decoration: none;
}