@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
/*******************************/
/** Globals with some defaults **/
/******************************/
:root {
  --primary: #95D600;
  --white: #ffffff;
  --black: #000000;
  --brand-dark: var(--black);
  --body-color: var(--white);
  --primary-family: Lato, Arial, sans-serif;
  --title-family: var(--primary-family);
  --base-text-size: 15px; }

@media screen and (min-width: 768px) {
  :root {
    --base-text-size: 15px; } }
@media screen and (min-width: 992px) {
  :root {
    --base-text-size: 16px; } }
/*************************/
/** Utilities classes  **/
/*************************/
.mt0 {
  margin-top: 0 !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr50 {
  margin-right: 50px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml50 {
  margin-left: 50px !important; }

.mh0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mv0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

/* padding-top */
.pt0 {
  padding-top: 0px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt50 {
  padding-top: 50px !important; }

/* padding-right */
.pr0 {
  padding-right: 0px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr30 {
  padding-right: 30px !important; }

/* padding-bottom */
.pb0 {
  padding-bottom: 0px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb60 {
  padding-bottom: 60px !important; }

/* padding-left */
.pl0 {
  padding-left: 0px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl50 {
  padding-left: 50px !important; }

.pl80 {
  padding-left: 80px !important; }

.pl90 {
  padding-left: 90px !important; }

/* Padding vertical - horizontal */
.ph0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.pv0 {
  padding-bottom: 0px !important;
  padding-top: 0px !important; }

.pv5 {
  padding-bottom: 5px !important;
  padding-top: 5px !important; }

.pv10 {
  padding-bottom: 10px !important;
  padding-top: 10px !important; }

.pv15 {
  padding-bottom: 15px !important;
  padding-top: 15px !important; }

.pv20 {
  padding-bottom: 20px !important;
  padding-top: 20px !important; }

.pv25 {
  padding-bottom: 25px !important;
  padding-top: 25px !important; }

.is-paddingless-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.is-paddingless-x {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.is-horizontal-center {
  margin: 0 auto; }

.is-auto-height {
  height: auto !important; }

.is-borderless {
  border: 0 !important; }

.bg-transparent {
  background-color: transparent !important; }

.is-relative {
  position: relative !important; }

.is-absolute {
  position: absolute !important; }

.is-static {
  position: static !important; }

.is-fullwidth {
  width: 100% !important; }

.is-fullheight {
  height: 100% !important; }

.is-autowidth {
  width: auto !important; }

@media (min-width: 768px) {
  .is-visible-mobile-only {
    display: none !important; } }
.is-vertical-center {
  display: flex;
  justify-content: center; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.white-space-nowrap {
  white-space: nowrap !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-grow-2 {
  flex-grow: 2 !important; }

.flex-grow-3 {
  flex-grow: 3 !important; }

.flex-grow-4 {
  flex-grow: 4 !important; }

.flex-grow-5 {
  flex-grow: 5 !important; }

.flex-grow-6 {
  flex-grow: 6 !important; }

.flex-grow-7 {
  flex-grow: 7 !important; }

.flex-1 {
  flex: 1 !important; }

.flex-basis-0 {
  flex-basis: initial; }

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

.is-flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.is-positioned-left-auto {
  left: auto !important; }

.bor {
  border: 1px solid red !important; }

.bob {
  border: 1px solid blue !important; }

.is-normal-case {
  text-transform: none !important; }

.is-uppercase {
  text-transform: uppercase !important; }

.line-height-1 {
  line-height: 1 !important; }

.text-xs {
  font-size: 0.75rem !important; }

.text-sm {
  font-size: 0.875rem !important; }

.text-base {
  font-size: 1rem  !important; }

.text-lg {
  font-size: 1.125rem !important; }

.text-xl {
  font-size: 1.25rem !important; }

.text-2xl {
  font-size: 1.5rem !important; }

.text-3xl {
  font-size: 1.875rem !important; }

.text-4xl {
  font-size: 2.25rem !important; }

.text-5xl {
  font-size: 3rem !important; }

.text-6xl {
  font-size: 3.75rem !important; }

.text-7xl {
  font-size: 4.5rem !important; }

.text-8xl {
  font-size: 6rem !important; }

.text-9xl {
  font-size: 8rem !important; }

.block-align-center {
  margin-left: auto !important;
  margin-right: auto !important; }

.no-float {
  float: none !important; }

.white-space-no-wrap {
  white-space: nowrap !important; }

.family-primary {
  font-family: var(--primary-family) !important; }

.family-title {
  font-family: var(--title-family) !important; }

.text-weight-thin {
  font-weight: 100 !important; }

.text-weight-light {
  font-weight: 300 !important; }

.text-weight-bold {
  font-weight: 700 !important; }

.text-weight-black {
  font-weight: 900 !important; }

.text-transform-none {
  text-transform: none !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.pos-relative {
  position: relative !important; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.is-block {
  display: block !important; }

.z-index-9 {
  z-index: 9 !important; }

.is-flex {
  display: flex !important; }

@media (max-width: 767px) {
  .is-hidden-mobile {
    display: none !important;
    visibility: hidden !important; } }

@media (min-width: 768px) {
  .is-visible-mobile-only {
    display: none !important;
    visibility: hidden !important; } }

.fix-sm-line-break {
  display: flex; }
  @media (max-width: 767px) {
    .fix-sm-line-break a {
      margin-left: 7px; } }

.no-before:before {
  content: none !important; }

.no-after:after {
  content: none !important; }

html {
  scroll-behavior: smooth; }

body {
  font-family: var(--primary-family);
  font-size: var(--base-text-size);
  color: var(--body-color);
  -webkit-font-smoothing: antialiased;
  counter-reset: section; }

header {
  color: var(--primary); }
  header .contest-title {
    margin-bottom: .5em;
    font-size: 2.5em; }
    @media (min-width: 768px) {
      header .contest-title {
        font-size: 3em; } }
  header .contest-subtitle {
    margin-bottom: .5em;
    font-size: 2em; }
    @media (min-width: 768px) {
      header .contest-subtitle {
        font-size: 2.5em; } }
  header .contest-notice {
    margin-top: 1.35em;
    text-transform: uppercase;
    line-height: 1.2;
    color: var(--brand-dark); }
  header .logo-wrapper {
    margin-bottom: 5vw; }
    @media (min-width: 768px) {
      header .logo-wrapper {
        margin: 4vw 0;
        margin-bottom: 3vw; } }
    @media (min-width: 1024px) {
      header .logo-wrapper {
        margin-bottom: 3vw; } }
    header .logo-wrapper img {
      max-width: 45vw; }
      @media (min-width: 768px) {
        header .logo-wrapper img {
          max-width: 35vw; } }
      @media (min-width: 1024px) {
        header .logo-wrapper img {
          max-width: 20vw; } }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: var(--title-family);
  color: var(--primary); }
  @media screen and (max-width: 767px) {
    h1 h1, h1 h2, h1 h3, h1 h4, h2 h1, h2 h2, h2 h3, h2 h4, h3 h1, h3 h2, h3 h3, h3 h4, h4 h1, h4 h2, h4 h3, h4 h4, h5 h1, h5 h2, h5 h3, h5 h4, h6 h1, h6 h2, h6 h3, h6 h4 {
      font-size: 30px; } }

.page-body {
  padding-top: 10vw; }
  @media (min-width: 768px) {
    .page-body {
      padding-top: 5vw;
      padding-bottom: 5vw; } }

.rule-block {
  margin-bottom: 2em; }
  .rule-block__title {
    margin-bottom: .5rem;
    font-size: 1.75em; }
  .rule-block__content {
    padding-left: 1.875em; }
    .rule-block__content::before {
      counter-increment: section;
      content: counter(section) ". ";
      float: left;
      margin-left: -1.875em; }
  .rule-block p {
    margin-bottom: 1em; }
    .rule-block p:last-child {
      margin-bottom: 0; }
  .rule-block a {
    color: var(--primary); }
    .rule-block a:hover {
      color: var(--brand-dark);
      text-decoration: underline; }

a {
  color: var(--primary); }
  a:hover {
    color: var(--brand-dark);
    text-decoration: none; }

.toc-links {
  margin-bottom: 2.5em; }
  .toc-links li {
    display: flex;
    margin-bottom: 0; }
  .toc-links a {
    display: inline-block;
    padding-left: 3px;
    margin-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--primary); }

ul {
  list-style: none;
  padding-left: 20px; }
  ul li {
    margin-bottom: 10px; }
    ul li:before {
      content: "\2022";
      font-weight: bold;
      display: inline-block;
      min-width: 1em;
      margin-left: -1em; }

.list-style-roman li {
  list-style-type: lower-roman; }
  .list-style-roman li::before {
    display: none; }

body {
  line-height: 1.375;
  background: url("../img/monster_bg_1600x900.jpg") no-repeat fixed center center/cover; }
  body a {
    color: var(--primary); }

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase; }

header {
  position: relative;
  text-align: center;
  background-image: url("../img/bg-wooden.png");
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 768px) {
    header .logo-wrapper img {
      min-width: 400px; } }
  header .contest-title {
    text-transform: capitalize; }
    @media (max-width: 767px) {
      header .contest-title {
        font-size: 2.25em; } }
  header .contest-subtitle {
    font-size: 1.5em; }
    @media (min-width: 768px) {
      header .contest-subtitle {
        font-size: 2.25em; } }
  header .contest-host {
    font-size: 1.5em;
    color: var(--primary); }
    @media (min-width: 768px) {
      header .contest-host {
        font-size: 2.25em; } }
  header .contest-notice {
    font-weight: 700;
    color: var(--brand-dark); }

.rule-block ul li {
  font-size: inherit;
  margin-bottom: 20px; }
.rule-block a:hover {
  color: var(--primary); }

.page-body {
  padding-top: 5vw; }

.page-body-inner {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid var(--primary);
  border-radius: 10px; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

.action-buttons {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 768px) {
    .action-buttons {
      justify-content: space-between;
      flex-direction: row; } }

.btn-link {
  position: absolute;
  top: 1.5%;
  right: 1.5%;
  padding: 8px 28px;
  font-family: var(--primary-family);
  font-weight: bold;
  font-size: 14px;
  letter-spacing: .5px;
  color: #fff;
  background: var(--primary); }
  .btn-link:hover {
    color: #fff;
    background: var(--primary);
    text-decoration: none; }

.btn-links {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 200px;
  color: var(--brand-dark);
  background-color: var(--primary);
  border: 2px solid var(--primary);
  cursor: pointer;
  text-decoration: none;
  text-transform: capitalize; }
  @media (max-width: 767px) {
    .btn-links {
      margin-bottom: 30px; } }
  .btn-links:hover span {
    opacity: .6; }

#landing-pg {
  padding-top: 20vh;
  padding-bottom: 20vh; }
  #landing-pg .contest-title {
    font-size: 2.5em; }


/*Table styles*/
.table-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: auto; }

table {
  margin-bottom: 20px; }
  table.is-center {
    margin-left: 3%;
    margin-right: 3%; }

table th {
  height: 40px;
  vertical-align: text-top; }

thead {
  color: white; }
  thead.bg-primary {
    background-color: var(--primary) !important; }
  thead.txt-dark th {
    color: var(--brand-dark);
    font-weight: bold; }

table td, table th {
  font-weight: 500;
  padding: 10px 15px;
  border: 2px solid var(--primary);
  text-align: center;
  vertical-align: middle; }

table tr td:first-child {
  text-align: left;
  width: 15%; }

table tr td:nth-child(2) {
  width: 35%; }

table tfoot {
  font-weight: bold; }

.product-table {
  max-width: 100%;
  width: 450px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px; }
  @media screen and (max-width: 600px) {
    .product-table {
      width: 100%; } }

/*# sourceMappingURL=style.css.map */


/*# sourceMappingURL=style.css.map */