@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap");

/* General CSS */

body {
  --background: #1d0e1a;
  --background-secondary: #600008;
  --home: linear-gradient(to bottom, var(--background), var(--background-secondary));
  --page: linear-gradient(to bottom, var(--background-secondary), var(--background));
  --text: #ffffff;
  --text-secondary: #cccccc;
  --theme: #cc4343;
  --theme-secondary: #f18585;
  --theme-tertiary: #f2cf09;
}

.content {
  align-items: center;
  color: var(--text);
  display: flex;
  flex-direction: column;
  font-family: "Raleway", sans-serif;
  height: 30vh;
  min-height: 100vh;
  position: relative;
  z-index: 2;
}

/* Fonts CSS */

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

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