:root {
  --white:   #fdf0d5;
  --black:     #0c0c0a;
  --muted:   #6f6e66;

  --ac1:  #001524;
  --ac2:   #15616D;
  --ac3: #fdf0d5;
  --ac4:    #271d00;
  --ac5:    #d6c19a;
  --ac6: #dacfbb;

  --display: 'Archivo', system-ui, sans-serif;
  --mono:    'Space Mono', ui-monospace, monospace;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--white);
  color: var(--black);
  font-family: var(--display);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }

.btn {
  padding: 1rem;
  background-color: var(--ac5);
  border-radius: 0.25rem;
  border: 2px solid var(--ac4);
}

.btn2 {
  padding: 1rem;
  background-color: var(--ac6);
  border-radius: 0.25rem;
  border: 2px solid var(--ac4);
}

.hero {
  min-height: 100vh;
  text-align: center;
  align-content: center;
  margin-top: -20px; 
}

.tagline {
  padding-bottom: 2rem;
}

.footer {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 1rem;
  background-color: var(--ac4);
  justify-content: space-between;
}