:root {
  --background-color: #1e1e1e;
  --color: #4a7c59 ;
  --primary: #569cd6;
  --secondary: #c586c0;
  --success: #98c379;
  --warning: #d19a66;
  --error: #f44747;
  --font-family: 'JetBrains Mono', monospace;
}

body {
  background-color: var(--background-color);
  color: var(--color);
  font-family: var(--font-family);
  min-height: 100vh;
  margin: 0;
  color: #4a7c59 ;
}

body>footer{
  bottom: 0;
}

.logo{
  margin-top: 16px;
  margin-bottom: 32px;
}

a {
  color: var(--color);
  text-decoration: none;
}

a:hover {
  color: var(--secondary);
}



body {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 64px;
}

@media (max-width: 768px) {
  body {
    padding: 0 32px;
  }
}

@media (max-width: 480px) {
  body {
    padding: 0 16px;
  }
}