@font-face {
  font-family: 'League Gothic';
  src: url('../webfonts/leaguegothic-regular-webfont.eot');
  src: url('../webfonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/leaguegothic-regular-webfont.woff') format('woff'),
       url('../webfonts/leaguegothic-regular-webfont.ttf') format('truetype'),
       url('../webfonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  background: #000000;
  background-attachment: fixed;
}

body {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1em;
  color: #d8d8d8;
  margin: 0 auto;
  background: #000000;
  background-attachment: fixed;
  overflow-wrap: break-word;
}

.ff-bodybg {
  background: #c58134; /* Old browsers */
  background: -moz-linear-gradient(top, #c58134 0%, #483b30 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c58134 0%,#483b30 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c58134 0%,#483b30 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c58134', endColorstr='#483b30',GradientType=0 ); /* IE6-9 */
  background-attachment: fixed;
}

.ff-foxtiles {
  background-image: url("../fftech/foxtiles.png");
  background-attachment: fixed;
}

.ff-headerboundary {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000000;
}

.ff-headerlogo {
  font-family: 'League Gothic'; 
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-width: 280px;
  margin: 1.25em auto 1.25em auto;
}

.ff-headerpattern {
  background-repeat: repeat-x;
  background-position: left;
  background-color: transparent;
  margin: 0 auto;
  width: 100%;
  min-width: 280px;
  height: 1.75em;
  background-image: url("../fftech/pattern-h-42x28.gif");
}

.ff-menuborder {
  position: relative;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 534px;
  min-width: 280px;
  border-radius: 0.5em;
  border: solid 0.32em #eeb233;
  font-family: Verdana, Geneva, sans-serif;
  padding: 0;
}

@media screen and (max-width: 720px) {
  .ff-menuborder {
    width: 88%;
    padding: 1.44em auto 1.20em auto;
  }
}

@media screen and (max-width: 600px) {
  .ff-menuborder {
    width: 88%;
    padding: 1.44em auto 1.20em auto;
  }
}

@media screen and (max-width: 533px) {
  .ff-headerlogo {
    font-family: 'League Gothic'; 
    background-repeat: no-repeat;
    background-position: center;
    height: 4.8em;
    width: 100%;
    margin: 1.16em auto 1.16em auto;
  }
  .ff-menuborder {
    width: 88%;
    padding: 1.44em auto 1.20em auto;
  }
}

@media screen and (max-width: 480px) {
  .ff-headerlogo {
    font-family: 'League Gothic'; 
    background-repeat: no-repeat;
    background-position: center;
    height: 3.2em;
    width: 100%;
    margin: 0.8em auto 0.8em auto;
  }
  .ff-menuborder {
    width: 88%;
    padding: 1.44em auto 1.20em auto;
  }
}

@media screen and (max-width: 320px) {
  .ff-headerlogo {
    font-family: 'League Gothic'; 
    background-repeat: no-repeat;
    background-position: center;
    height: 3.2em;
    width: 100%;
    margin: 0.8em auto 0.8em auto;
  }
  .ff-menuborder {
    width: 88%;
    padding: 1.44em auto 1.20em auto;
  }
}

.ff-outerframe {
  border-radius: 0.5em;
  border: solid 0.2em #EEB233;
  box-shadow:  0 0 0.625em 0.3125em rgba(0,0,0,0.6);
  background-color: #2E241ECD;
  color: #f2e1d2;
  max-width: 816px;
  min-width: 280px;
  margin: 1.44em auto 1.20em auto;
  width: 88%;
}

.ff-innerframe {
  margin: 0 auto 0 -1px;
}

.ff-contenthead {
  text-align: center;
  line-height: 1.88em;
  padding: 0.18em auto;
  background-color: #EEB233;
  color: #2d1d0f;
  width: 100%
}

.ff-contentframehome {
  width: auto;
  padding: 0.88em;
  border: solid 1px #2d1d0f;
  line-height: 1.38em;
}

.ff-contentframearts {
  position: relative;
  text-align: center;
  width: auto;
  padding: 0.88em;
  border: solid 1px #2d1d0f;
  line-height: 1.38em;
}

.ff-contentframemisc {
  width: auto;
  padding: 0.88em;
  border: solid 1px #2d1d0f;
  line-height: 1.38em;
}

.ff-footerbox {
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  width: 100%;
  min-width: 280px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 2.0em auto 2.0em auto;
}

.ff-footerspan {
  background-color: #000000;
  border-radius: 0.5em;
  border: solid 0.32em #241d18;
  box-shadow:  0 0 0.625em 0.3125em rgba(0,0,0,0.6);
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.8em;
  padding: 1em;
}

.ff-footerpattern {
  background-repeat: repeat-x;
  background-position: left;
  background-color: transparent;
  margin: 0 auto;
  width: 100%;
  min-width: 280px;
  height: 1.75em;
  background-image: url("../fftech/pattern-f-42x28.gif");
}

.old-ff-wrapperborder {
  margin: 1.44em auto 1.20em auto;
  width: 100%;
  min-width: 280px;
}

/* Custom Code from Alternate Sources */

#ff-cssmenu {
  background: #000000;
  margin: 0;
  width: auto;
  height: auto;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  font-family: 'PT Sans', sans-serif;
}
/*Strip the ul of padding and list styling*/
#ff-cssmenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}
/*Create a horizontal list with spacing*/
#ff-cssmenu li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
/*Style for menu links*/
#ff-cssmenu li a {
  display: block;
  min-width: 8em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fefefe;
  background: #1c1612;
  text-decoration: none;
  -o-transition:color .2s ease-out, background .3s ease-in;
  -ms-transition:color .2s ease-out, background .3s ease-in;
  -moz-transition:color .2s ease-out, background .3s ease-in;
  -webkit-transition:color .2s ease-out, background .3s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .3s ease-in;
}
/*Hover state for top level links*/
#ff-cssmenu li:hover a {
  background: #ffbb00;
  color: #000000;
}
/*Style for dropdown links*/
#ff-cssmenu li:hover ul a {
  background: #f3f3f3;
  color: #1c1612;
  height: 2em;
  line-height: 2em;
}
/*Hover state for dropdown links*/
#ff-cssmenu li:hover ul a:hover {
  background: #ffbb00;
  color: #fefefe;
}
/*Hide dropdown links until they are needed*/
#ff-cssmenu li ul {
  display: none;
}
#ff-cssmenu li ul a {
  text-decoration: none;
  display: block;
  margin: 0;
}
/*Make dropdown links vertical*/
#ff-cssmenu li ul li {
  display: block;
  float: none;
}
/*Prevent text wrapping*/
#ff-cssmenu li ul li a {
  width: auto;
  min-width: 100px;
  padding: 0 20px 0 20px;
}
/*Display the dropdown on hover*/
#ff-cssmenu ul li a:hover + .hidden, .hidden:hover {
  display: block;
}
/*Style 'show menu' label button and hide it by default*/
.ff-showmenu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fefefe;
  background: #2e241e;
  text-align: center;
  padding: 0.5em 0 0.5em 0;
  display: none;
}
/*Hide checkbox*/
input[type=checkbox]{
  display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
  display: block;
}
/*Responsive Styles*/
@media screen and (max-width : 600px){
  /*Make dropdown links appear inline*/
  #ff-cssmenu ul {
    position: static;
    display: none;
  }
  /*Create vertical spacing*/
  #ff-cssmenu li {
    margin-bottom: 1px;
  }
  /*Make all menu links full width*/
  #ff-cssmenu ul li, li a {
    width: 100%;
  }
  /*Display 'show menu' link*/
  .ff-showmenu {
    display:block;
  }
}

/* Additional Code */

.ff-usericonborder {
  border: solid 0.14em #ffac00;
}

.ff-discordapptag {
  border-radius: 0.5em;
  border: solid 0.32em #240c8e;
  background: #240c8e;
  color: #ffac00;
}

/* End of Code */