:root {
  --primary: #295991;
  --secondary: #f3bf51;
  --warn: #ee9ff6;
  --font-color: #ded9c4;
}

html {
  height: 100%;
  overflow: hidden;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: var(--font-color);
  background-color: var(--primary);
  height: 100vh;
  width: 100vw;
}

.btn {
  padding: 1rem 4rem;
  border-radius: 0.2rem;
  color: rgba(16, 15, 15, 0.861);
  font-weight: 600;
  opacity: 1;
  transition: opacity 1s;
}

.btn:hover {
  opacity: 0.7;
}

.btn-primary {
  background-color: var(--warn);
}

.btn-secundary {
  background-color: var(--secondary);
}