:root {
    --main-color: #f47121;
    --main-color-fade: #f4712180;
    --dark-color: black;/*#4e5152;*/
    --width: 1366px;
}

html {
  font-family: "trebuchet MS";
  scroll-behavior:smooth;
}

body {
  margin: 0px;
  overflow-x: hidden;
  width: 100%;
}

::-moz-selection {
  background: #ff6800a3;
}

::selection {
  background: #ff6800a3;
}

article {
  background-color: white;
  margin: 0px;
  min-height: calc(100vh - 5.89em);
  width: 100%;
}

footer {
  background-color: #171717;
  padding-top: 1.25em;
  height: 2.25em;
}

footer p {
  margin: 0px;
  color: grey;
  font-size: 0.75em;
  text-align: center;
}

.side_button {
  position: absolute;
  top: calc(50% - 1.6em);
  width: 1.6em;
  height: 3.2em;
  background-color: #00000080;
  cursor: pointer;
  -webkit-tap-highlight-color: #f47121A0;
}

.side_button_left {
  left: 0;
}

.side_button_right {
  right: 0;
}

.chevron {
  width: 1.6em;
  height: 1.6em;
  position: absolute;
  top: 0.8em;
  background-size: contain;
}

.chevron_left {
  background-image: url(../img/arrow_left.svg);
}

.chevron_right {
  background-image: url(../img/arrow_right.svg);
}