/* Font Family */
@font-face {
  font-family: quicksand;
  src: url("./fonts/Quicksand-Regular.ttf");
}

@font-face {
  font-family: quicksand-bold;
  src: url("./fonts/Quicksand-Bold.ttf");
}

@font-face {
  font-family: monotype;
  src: url("./fonts/Mtcorsva.ttf");
}

.quicksand {
  font-family: quicksand;
}

.quicksand-bold {
  font-family: quicksand-bold;
}

.monotype {
  font-family: monotype;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0px;
  padding: 0px;
  scroll-behavior: smooth;
}

body {
  font-family: quicksand-bold;
  background-image: linear-gradient(
    to right,
    rgba(90, 153, 125, 1),
    rgba(90, 153, 125, 0.2),
    rgba(90, 153, 125, 0.2),
    rgba(90, 153, 125, 0.2),
    rgba(90, 153, 125, 1)
  );
  height: 100vh;
}

.active {
  color: #669944 !important;
}

a:hover {
  cursor: pointer;
  color: #669944 !important;
}