/* COLORS */
:root {
  --bg: #f7f8f8;
  --white: #ffffff;
  --text: #1a1a1a;
  --subtext: #8a9898;
  --sep: #e0eaea;
  --primary: #05aba9;
  --primary-light: #09c0be;
  --coral: #f9a79b;
  --accent: #7393b3;
  --accent-2: #3a4550;
  --radius: 18px;
  --shadow: 0 10px 40px rgba(16, 42, 42, 0.08);
  --shadow-sm: 0 4px 16px rgba(16, 42, 42, 0.06);
}

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

html {
  font-size: 14px;
}

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

button {
  cursor: pointer;
  box-shadow: 0 -10px 40px rgba(16, 42, 42, 0.08);
}

button:active {
  opacity: 0.6;
}

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

body {
  /* margin-bottom: 60px; */
  font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Element Level Globals */
a {
  text-decoration: none;
  color: inherit;
}
a:active {
  color: inherit;
  opacity: 0.6;
}
a:visited {
  color: inherit;
}

ul {
  list-style: none;
}