html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: "Roboto", sans-serif;
}
@layer base {
    :root {
        --primary-50: #eff7fd;
        --primary-100: #d5eaf8;
        --primary-200: #a9d4f0;
        --primary-300: #69b8e5;
        --primary-400: #3499d6;
        --primary-500: #1c75bc;
        --primary-600: #175f9a;
        --primary-700: #114a78;
        --primary-800: #0c3353;
        --primary-900: #07202f;
        --primary-950: #04121c;
    }
}