@font-face {
  font-family: theSans;
  src: url("../fonts/theSans.ttf");
}
@font-face {
  font-family: Questv1;
  src: url("../fonts/Questv1-Regular.otf");
}
.container {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

/* Small */
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
/* Medium */
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
/* Large */
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
:root {
  --mainColor: #2b2b2b;
  --altColor: #fbbd12;
}

button {
  background: var(--mainColor);
  border: none;
  cursor: pointer;
  padding: 5px 20px;
  color: var(--altColor);
  border-radius: 20px;
  transition: 0.3s;
}
button:hover {
  background: #212020;
}
button:active {
  background: #121111;
  box-shadow: 1px 1px 12px #2b2b2b;
}/*# sourceMappingURL=main.css.map */