/*
Paleta: https://lospec.com/palette-list/nostalgia

Fonte: https://www.dafont.com/retro-gaming.font
*/

:root {
  --00: #405010;
  --01: #708028;
  --02: #a0a840;
  --03: #d0d058;
}

@font-face {
  font-family: garf;
  src: url(/css/fontes/garf.ttf);
}

@font-face {
  font-family: retro;
  src: url(/css/fontes/retro.ttf)
}


body {
  min-height: 100vh;
  background-color: var(--00);
  color: var(--03);
  font-family: retro;
  font-size: 20px;
}

header {
  top: 0;
  width: 100%;
  padding-block: 2px;
  text-align: center;
}

nav {
  top: 0;
  width: 100%;
  position: sticky;
  padding-block: 2px;
  border-bottom: solid;
  text-align: center;
  cursor: default;
}

div {
  max-width: 600px;
  padding: 6px;
  border: solid;
  margin-inline: auto;
  margin-block: 16px;
  text-align: center;
}

h1 {
  margin: 5px;
  font-size: 32px;
  font-weight: bold;
}

h2 {
  margin: 5px;
  font-size: 28px;
  font-weight: bold;
}

p {
  margin: 5px;
}

article {
  margin: 12px;
  text-align: justify;
  text-indent: 12px;
}

li {
  margin: 12px;
}

footer {
  bottom: 0;
  width: 100%;
  position: fixed;
  text-align: center;
}

a:visited, a:link {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

button {
  min-width: 160px;
  display: inline-block;
  padding: 6px;
  border: solid;
  margin-block: 2px;
  font-weight: bold;
  text-align: center;
  cursor: default;
}

button:hover {
  background-color: var(--00);
  cursor: pointer;
}

button:disabled {
  background-color: var(--00);
  cursor: default;
}

/* cores */

header, nav, div, footer, button, a {
  background-color: var(--01);
  border-color: var(--02);
  color: var(--03)
}