/* TEMP COLOR PALETTE  (D -> L)
#132425 dark
#34364E less dark
#5C44AA blueish purple
#8465B7 purple
#9F6AA2 magenta
*/


/* ### FONTS ### */

@font-face {
  font-family: "studiogrotesk";
  src: url("https://404memory.neocities.org/fonts/StudioGrotesk-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "papercutz";
  src: url("https://404memory.neocities.org/fonts/Papercutz.ttf") format("truetype");
}


/* ### BASIC ### */
body {
  background-color: black;
  color: white;
  font-family: "monospace";
}


h1 {
color: #40c1db;
font-family: "papercutz", monospace;
}

nav {
display: flex;
flex-direction: column;
padding: 3px;
gap: 30px;
width: 100%;
flex-shrink: 6;
align-self: center;
}

button {
font-family: monospace;
border: none;
background-color:black;
color:white;
}

button:hover{
color: #40c1db;
}

/* ### CUSTOM TAGS ### */
.page {
display: flex;
margin: auto;
width: 70%;
height: 500px;
background-color: black;
}

.content {
padding: 10px;
width: 100%;
}


/* ### IMAGES ### */