@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --font: 'Open sans';
  --color-1: #1b1b1e;
  --color-2: #27272b;
  --color-3: #303036;
  --color-4: #3a3a41;
  --color-5: #43434c;
  --accent: #fe5f55;
  --accent-opacity: #fe5f5550;
  --text-base: #f5f5f5;
  --text-subdued: #b3b3b3;
  --shadow: 0px 8px 8px -4px #00000040;
  --border-radius: max(3px, 0.15625vw);
  --shadow: 0px 4px 12px -4px rgba(0, 0, 0, 0.4);
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-family: var(--font);
  font-size: 16px;
  color: var(--text-base);
  background: var(--color-2);
}

body {
  min-height: 100vh;
}