/*
not used as of right now, because gin is being dumb. But hey - don't worry about it. :D
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Martian+Mono:wght@400;800&display=swap');

:root {
  --bloo: #546bff;
  --param: #ff5900;
  --a: #ffee00;
  --item: #d68fff;
  --query: #44f2b8;
}

body {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  position: relative;
  font-family: 'Roboto Mono', monospace;
  list-style-type: none;
  font-size: 16px;
}

a {
  color: var(--a)
}

a:hover {
  background-color: transparent;
  text-shadow: 0px 0px 5px var(--a);
}

pre {
  font-family: 'Roboto Mono', monospace;
}

code {
  font-family: 'Roboto Mono', monospace !important;
  width: 50%;
  font-size: 16px;
}

h1 {
  font-size: 100px;
  font-family: 'Martian Mono', monospace;
  align-self: center;
}

h2 {
  font-size: 65px;
  font-family: 'Martian Mono', monospace;
  align-self: center;
  padding: 5px;
}


h3 {
  font-size: 30px;
  font-family: 'Martian Mono', monospace;
  align-self: center;
  padding: 0px;
}

.hlight {
  font-weight: 700;
  color: var(--bloo);
}

.hlight:hover {
  color: #000;
  text-shadow: none;
  background-color: var(--bloo);
}

.query {
  font-style: italic;
  color: #44f2b8
}

.param {
  color: var(--param);
}

.param:hover {
  font-weight: 900;
}

.title {
  margin: auto;
  width: 75%;
  text-align: center;
  color: rgb(0, 0, 0);
  border-radius: 20px;
  background-color: var(--bloo);
  padding: 5px;
  height: fit-content;
}

.title:hover {
  background-color: transparent;
  color: var(--bloo);
  border-color: var(--bloo);
}

.documentation {
  padding-left: 3rem;
  padding-right: 3rem;
}

.goback {
  position: absolute;
  top: 20px;
  left: 20px;
}

.item {
  color: var(--item)
}

.item:hover {
  font-style: oblique;
}