@font-face {
  font-family: "HEX3VF";
  src: url("../assets/HEX3VF.ttf") format("truetype");
  font-display: swap;
}
body {
  background: #6c6c6c url("../assets/bg.png") center/cover no-repeat fixed;
  font-family: "HEX3VF", sans-serif;
  font-variation-settings: "wght" 1000;
  cursor: crosshair;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}

.container {
  display: flex;
  width: calc(100% - 137px - 137px);
  padding: 30px 42px 82px 42px;
  flex-direction: column;
  align-items: center;
  gap: 0px;
  margin: 30px auto;
  border-radius: 10px;
  border: 1px solid #565656;
  background: rgba(137, 137, 137, 0.5);
  box-shadow: 5px 5px 20px 0 rgba(255, 255, 255, 0.5) inset;
  text-transform: uppercase;
}

.left-svg,
.right-svg {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  z-index: 10;
}

.left-svg {
  left: 0;
}

.right-svg {
  right: 0;
}/*# sourceMappingURL=styles.css.map */