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

  font-family: 'Quicksand', sans-serif;

  outline: none;
  scrollbar-width: 5px;
  scrollbar-color: var(--red) var(--black);
}

*::-webkit-scrollbar {
  width: 5px;
}

*::-webkit-scrollbar-track {
  background-color: var(--black);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--red);

  border-radius: 20px;
}

:root {
  --white: #fff;
  --black: #222;
  --red: #dd3d35;
  --pastel: #f1ece4;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 4.375rem;
}

body {
  position: relative;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

a {
  color: var(--black);
  text-decoration: none;
}

::selection {
  color: var(--white);

  background-color: var(--red);
}

.indent {
  text-indent: 20px;
}