@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/quicksand.woff2") format('woff2');
}
body {
  overflow-x: hidden;
  color: #FFFFFF;
  font-family: system-ui;
  margin: 0 auto;
  text-align: center;
  background-image: url('https://cmsassets.rgpub.io/sanity/images/dsfx7636/news/75251593511cb07bc5ca59cf603431d23dd80698-1920x1080.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-decoration: none;
  font-optical-sizing: auto;
}

div {
  margin: 0 auto;
  text-align: center
}

/*image width is 1838px*/
.divtest {
  height: 184px;
  overflow: hidden;
  box-shadow: 0 20px rgba(0, 0, 0, 0.555);
}

.guns {
  height: 100%;
  width: 5878px;
  background-image: url("/static/gunreelshort.png");
  background-repeat: repeat repeat;
  background-position: 0 0;
  margin: 0 15px 0 0px;
  animation-name: move;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes move {
  0% {
    transform: translate(-0%);
  }

  100% {
    transform: translate(-50%)
  }
}


.header {
  overflow: hidden;
  background-color: #141414;
  padding: 0 5px;
  font-weight: bold;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-feature-settings: "smcp", "zero";
}

.header a {
  float: left;
  color: white;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 13px;
  line-height: 15px;
  border-radius: 15px;
  margin-top: 5px;
}

.header a:hover {
  color: rgb(255, 94, 88);
}

.header-right {
  font-family: "Quicksand", sans-serif;
  float: right;
  margin-right: 20px;
  margin-top: 7px;
}

.footer {
  position: relative;
  padding: 0.5em 2em;
  background-color: rgb(14, 14, 14);
  color: rgb(117, 117, 117);
  text-align: center;
  width: auto;
}

.textfun {
  font-size: 25px;
  background-color: rgba(0, 0, 0, 0.295);
  height: max-content;
  font-weight: 600;
  margin: 2% 0px 0px 0px;
  padding: 0.1px 0px 0.1px 0px;
}
.buttonroll {
  font-family: "Quicksand", sans-serif;
  transition-duration: 0.2s;
  height: 1.8em;
  width: 5em;
  background: linear-gradient(135deg, rgb(255, 51, 51) 0%, rgb(255, 48, 110) 100%);
  padding: 12px 12px 2px 12px;
  font-size: 32px;
  border-radius: 10px;
  box-shadow: 0 10px rgba(0, 0, 0, 0.555);
}
.buttonroll:hover{
  background: linear-gradient(135deg, rgb(150, 0, 0) 0%, rgb(151, 0, 45) 100%);
}
.buttonroll:active {
  box-shadow: 0 5px rgba(0, 0, 0, 0.555);
  transform: translateY(4px);
}
.butt{
  text-decoration: none;
  color:#FFFFFF;
  font-weight: 700;
}
.crustytext{
  font-size: 40px;
  font-family: Quicksand, sans-serif;
  padding: 30px
}