@font-face {
  font-family: "Lato";
  src: url("Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
:root {
  --primary-color: #f58b1e;
}

html,
body {
  scroll-behavior: smooth;
}

body {
  background: #000;
  color: #fff;
  font-family: "Lato", sans-serif;
}

.text-primary {
  color: #f8a047;
}

.bg-primary {
  background: var(--primary-color);
}

#work {
  background: linear-gradient(transparent, #16071b 10%);
}

#cam svg {
  position: absolute;
  right: 20%;
  top: 0;
  height: auto;
  width: 80vw;
  transform: translateY(-48%);
}/*# sourceMappingURL=style.css.map */