/* 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: #addcff;
  color: black;
}

/* change link colour */
a {
  background: #addcff;
  color: black; 
}

/* 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: #addcff;
  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 {
  border-style: solid;
  border-width: 5px;
  border-color: black;
  background-image: url(images/chevrons.png);
  background-repeat: repeat;
  width: 875px;
  position: relative;
  height: 200px;
  z-index: 1;
}

/* header text */
#headerText {
  position: relative;
  top: 90px;
  font-family: Dearest;
  font-size: 5em;
  color: #addcff;
  bottom: 50px;
  margin-left: 10px;
  -webkit-text-stroke: 2px black;
}


/* textbox*/
.textboxInner {
  top: 5px;
  width: 340px;
  left: 255px;
  position: relative;
  font-family: VT323;
  font-size: 1.25em;
  background: white;
  color: black;
  padding:5px;
  border-style: solid;
  border-width: 5px;
  border-color: black;
  height: 365px; /* set height to "height:fit-content;" to expand with text size */
  overflow-y:auto; /* remove overflow if you don't want a scroll */
  z-index: 1;
}

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

/* index box */
.indexInner {
  bottom: 379px;
  width: 230px;
  position: relative;
  font-family: VT323;
  font-size: 1.25em;
  background: white;
  color: black;
  padding:5px;
  border-style: solid;
  border-width: 5px;
  border-color: black;
  height:365px; /* set height to "height:fit-content;" to expand with text size */
  overflow-y:auto; /* remove overflow if you don't want a scroll */
  z-index: 1;
}


/* index box */
.activity {
  bottom: 763px;
  width: 245px;
  height: 365px;
  position: relative;
  left: 620px;
  font-family: VT323;
  font-size: 1.25em;
  background: white;
  color: black;
  padding:5px;
  border-style: solid;
  border-width: 5px;
  border-color: black;
  overflow-y:auto; /* remove overflow if you don't want a scroll */
  z-index: 1;
}