:root {
  /* Bulma colors */
  --black: hsl(0, 0%, 4%);
  --grey: hsl(0, 0%, 48%);
  --grey-light: hsl(0, 0%, 71%);
  --grey-lighter: hsl(0, 0%, 86%);
  --white-ter: hsl(0, 0%, 96%);
  --white-bis: hsl(0, 0%, 98%);
  --white: hsl(0, 0%, 100%);
  /* Tailwind colors */
  --gray-50: hsl(210, 20%, 98%);
  --gray-100: hsl(220, 14%, 96%);
  --gray-200: hsl(220, 13%, 91%);
  --gray-300: hsl(216, 12%, 84%);
  --gray-400: hsl(218, 11%, 65%);
  --gray-500: hsl(220, 9%, 46%);
  --gray-600: hsl(215, 14%, 34%);
  --red-100: hsl(0, 93%, 94%);
  --red-200: hsl(0, 96%, 89%);
  --red-300: hsl(0, 94%, 82%);
  --red-400: hsl(0, 91%, 71%);
  --red-500: hsl(0, 84%, 60%);
  --red-600: hsl(0, 72%, 51%);
  --red-700: hsl(0, 74%, 42%);
  --red-800: hsl(0, 70%, 35%);
  --orange-500: hsl(25, 95%, 53%);
  --orange-600: hsl(21, 90%, 48%);
  --amber-400: hsl(43, 96%, 56%);
  --amber-500: hsl(38, 92%, 50%);
  --green-50: hsl(138, 76%, 97%);
  --green-100: hsl(141, 84%, 93%);
  --green-200: hsl(141, 79%, 85%);
  --green-300: hsl(142, 77%, 73%);
  --green-400: hsl(142, 69%, 58%);
  --green-500: hsl(142, 71%, 45%);
  --green-600: hsl(142, 76%, 36%);
  --green-700: hsl(142, 72%, 29%);
  --green-800: hsl(143, 64%, 24%);
  --green-900: hsl(144, 61%, 20%);
  --green-950: hsl(145, 80%, 10%);
  --emerald-100: hsl(149, 80%, 90%);
  --emerald-500: hsl(160, 84%, 39%);
  --emerald-600: hsl(161, 94%, 30%);
  --emerald-700: hsl(163, 94%, 24%);
  --emerald-800: hsl(163, 88%, 20%);
  --teal-100: hsl(167, 85%, 89%);
  --teal-500: hsl(173, 80%, 40%);
  --teal-600: hsl(175, 84%, 32%);
  --cyan-100: hsl(185, 96%, 90%);
  --cyan-500: hsl(189, 94%, 43%);
  --cyan-600: hsl(192, 91%, 36%);
  --sky-100: hsl(204, 94%, 94%);
  --sky-200: hsl(201, 94%, 86%);
  --sky-300: hsl(199, 95%, 74%);
  --sky-400: hsl(198, 93%, 60%);
  --sky-500: hsl(199, 89%, 48%);
  --sky-600: hsl(200, 98%, 39%);
  --sky-700: hsl(201, 96%, 32%);
  --blue-50: hsl(214, 100%, 97%);
  --blue-100: hsl(214, 95%, 93%);
  --blue-200: hsl(213, 97%, 87%);
  --blue-300: hsl(212, 96%, 78%);
  --blue-400: hsl(213, 94%, 68%);
  --blue-500: hsl(217, 91%, 60%);
  --blue-600: hsl(221, 83%, 53%);
  --blue-700: hsl(224, 76%, 48%);
  --blue-800: hsl(226, 71%, 40%);
  --blue-900: hsl(224, 64%, 33%);
  /* Site settings */
  --admin-color: hsl(220, 31%, 28%);
  --line-height: 1.5;
  --font-color: hsl(0, 0%, 29%);
  --font-size: 1rem;
  --font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --input-height: 40px;
  --input-medium-height: 35px;
  --input-small-height: 30px;
  --input-focus-shadow-size: 0 0 0 .175rem;
  --navbar-mobile-breakpoint: 850px;
}

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

html {
  font-size: 16px;
  min-width: 300px;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-y: scroll;
  /* overflow-x: hidden; */
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  line-height: var(--line-height);
  color: var(--font-color);
  font-size: var(--font-size);
  font-weight: 400;
  font-family: var(--font-family);
}

main {
  flex: 1 0 auto;
}

img {
  max-width: 100%;
  height: auto;
}

a,
a:focus,
a:visited {
  cursor: pointer;
  color: var(--blue-600);
  text-decoration: none;
}

a:hover {
  color: var(--blue-800);
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  font-weight: 400;
}

hr {
  background-color: #f5f5f5;
  border: none;
  height: 2px;
  margin: 1.5rem 0;
  padding: 0;
}

body, p, h1, h2, h3, h4, h5, h6, figure, textarea {
  padding: 0;
  margin: 0;
}

hr, img, figure {
  display: block;
}