/* cursor */
* {
  cursor: url('https://cdn.cursors-4u.net/css-previews/snoopy-pointing-c4a874ea-css.webp') 3 16, auto !important;
}

/* hidden scrollbar */
html {
  overflow: scroll;
  overflow-x: hidden;
}
::-webkit-scrollbar {
  width: 0; /* remove scrollbar space */
  background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
  background: transparent;
}

/* change highlight color */
::selection {
  background: #8a0000;
  color: black;
}

/* change link colour */
a {
  text-decoration: none; 
  color: #8a0000; 
}

/* fonts */
@font-face {
  font-family: Dearest;
  src: url(fonts/Dearest.ttf);
}

@font-face {
  font-family: VT323;
  src: url(fonts/VT323.ttf);
}

@font-face {
  font-family: Jacquard;
  src: url(fonts/Jacquard.ttf)
}


/* background */
body {
  background-color: #8a0000;
  background-attachment: fixed;
  background-repeat: repeat;
  overflow: hidden;
  
}

/* big border */
.container {
  border-style: solid;
  border-width: 10px;
  border-image: url(/images/lace.png) 34 fill round;
  padding: 5px;
  margin: auto;
  width: 883px;
  height: 597px;
  position: relative;
  z-index: 4;
}

/* header */
.header {
  filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black) drop-shadow(0px 1px white) drop-shadow(0 -1px white) drop-shadow(1px 0 white) drop-shadow(-1px 0 white);
  background-image: url(images/chevrons.png);
  background-repeat: repeat;
  width: 885px;
  position: relative;
  height: 200px;
  box-shadow: 0 0 8px 8px black inset;
  z-index: 1;
}

/* header text */
#headerText {
  position: relative;
  top: 90px;
  font-family: Dearest;
  font-size: 5em;
  -webkit-text-stroke: 1px black;
  color: #8a0000;
  bottom: 50px;
  margin-left: 10px;
  filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black) drop-shadow(0px 1px white) drop-shadow(0 -1px white) drop-shadow(1px 0 white) drop-shadow(-1px 0 white);
}


/* textbox*/
.textboxInner {
  width: 875px;
  top: 10px;
  position: relative;
  font-family: VT323;
  font-size: 1.25em;
  background: white;
  color: black;
  padding:5px;
  filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black) drop-shadow(0px 1px white) drop-shadow(0 -1px white) drop-shadow(1px 0 white) drop-shadow(-1px 0 white);
  height:380px; /* set height to "height:fit-content;" to expand with text size */
  overflow-y:auto; /* remove overflow if you don't want a scroll */
  box-shadow: 0 0 8px 8px black inset;
  z-index: 1;
}

/* textbox fancy text */
.intro {
  font-family: Jacquard;
  color: black;
  text-align: center;
  font-size: 2em;
  margin-bottom: 5px;
}