@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Quicksand:wght@300..700&display=swap');

/* this file here loads first, setting up basic styling */
html,
body {
  margin: 0;
  padding: 0;
}

* {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
}

:host,
:root {
  --pico-primary: #2f70f1 !important;
  --pico-secondary: #4d4d4d !important;
  --primary-black: #1f2631;

  --pico-primary-background: #2f70f1 !important;
  --pico-secondary-background: #4d4d4d !important;

  --pico-primary-hover-background: #004de5 !important;
  --pico-secondary-hover-background: #313131 !important;

  --pico-primary-hover-border: #2f70f1 !important;
  --pico-secondary-hover-border: #4d4d4d !important;
}

progress {
  border-radius: 0 !important;
  height: 4px !important;
  width: 100%;
  margin: 0 !important;
  vertical-align: top !important;
  color: var(--pico-primary);
}

a {
  text-decoration: none;
}

.margin-auto {
  margin: 0 auto;
}

input {
  --pico-outline-width: 0 !important;
}