/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* ------------------------------
 *
 * Font-face
 *
 * ------------------------------ */
/*

01. COLORS
02. FONTS

*/
/* --------------------
 * COLORS
 * -------------------- */
/* --------------------
 * Fonts
 * -------------------- */
/* ------------------------------
 *
 * Global Styles
 *
 * ------------------------------ */
::-moz-selection {
  color: #fff;
  background-color: #000;
}

::selection {
  color: #fff;
  background-color: #000;
}

.snake-link {
  text-decoration: none !important;
  font-family: "lores-12", sans-serif !important;
  font-size: 22px;
  line-height: 1;
  text-transform: uppercase;
  color: #00FF92;
}
.snake-link:focus, .snake-link:hover {
  color: #fff;
}
.snake-link.underline {
  text-decoration: underline !important;
}

.snake-btn {
  background: #00FF92 !important;
  padding: 0.8rem 1.4rem 1rem 1.4rem !important;
  border: 2px solid #00FF92;
  border-radius: 50px;
  color: #000;
  font-family: "lores-12", sans-serif !important;
  font-size: 22px;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none !important;
  outline: none !important;
  -webkit-transition: transform 0.5s ease, background-color 0.5s ease, color 0.5s ease;
  transition: transform 0.5s ease, background-color 0.5s ease, color 0.5s ease;
}
.snake-btn:focus, .snake-btn:hover {
  background: none !important;
  border-color: #00FF92 !important;
  border-style: dashed;
  color: #00FF92;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

strong {
  text-decoration: underline;
}

/* ------------------------------
 *
 * Cookiebar
 *
 * ------------------------------ */
#tarteaucitronAlertBig {
  padding: 1rem 0 !important;
  background: rgba(0, 42, 23, 0.95) !important;
  font-family: "lores-12", sans-serif !important;
  font-size: 20px;
}
#tarteaucitronAlertBig .tarteaucitronCTAButton {
  background-color: #00FF92 !important;
  color: #000 !important;
  border: 1px solid #00FF92 !important;
  border-radius: 30px !important;
  -webkit-transition: background-color 0.5s ease, color 0.5s ease;
  transition: background-color 0.5s ease, color 0.5s ease;
}
#tarteaucitronAlertBig .tarteaucitronCTAButton:focus, #tarteaucitronAlertBig .tarteaucitronCTAButton:hover {
  background: none !important;
  border-style: dashed !important;
  color: #00FF92 !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background: none !important;
  border: 1px dashed #00FF92 !important;
  border-radius: 30px !important;
  color: #00FF92 !important;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert:focus, #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
  opacity: 0.5;
}

#tarteaucitronManager {
  padding: 10px 16px 25px !important;
}
#tarteaucitronManager img {
  width: 30px !important;
  height: 30px !important;
}

/* ------------------------------
 *
 * Animations
 *
 * ------------------------------ */
@keyframes screen-move-it {
  0% {
    background-position: initial;
  }
  100% {
    background-position: 0px 200px;
  }
}
@keyframes noise {
  0%, 100% {
    background-position: 0 0;
  }
  10% {
    background-position: -5% -10%;
  }
  20% {
    background-position: -15% 5%;
  }
  30% {
    background-position: 7% -25%;
  }
  40% {
    background-position: 20% 25%;
  }
  50% {
    background-position: -25% 10%;
  }
  60% {
    background-position: 15% 5%;
  }
  70% {
    background-position: 0% 15%;
  }
  80% {
    background-position: 25% 35%;
  }
  90% {
    background-position: -10% 10%;
  }
}
/* ------------------------------
 *
 * Game
 *
 * ------------------------------ */
.game {
  position: relative;
  padding: 4rem 0;
}
.game__title img {
  max-width: 368px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 2rem auto;
}
.game__details {
  font-family: "lores-12", sans-serif !important;
  font-size: 26px;
  line-height: 1;
  margin: 0 0 2rem 0;
  text-align: center;
}
.game__details span {
  display: block;
  color: #00FF92;
  text-transform: uppercase;
}
.game__separator {
  display: block;
  width: 20%;
  height: 1px;
  margin: 0 auto 2rem auto;
  background-color: #00FF92;
}
.game__links {
  margin: 0 0 2rem 0;
}
.game__links ul {
  margin: 0;
  padding: 0;
}
.game__links ul li {
  list-style-type: none;
  margin: 0 0 1rem 0;
}
.game__links ul li a,
.game__links ul li button {
  width: 100%;
  display: block;
  text-align: center;
}
.game__sound {
  font-family: "lores-12", sans-serif !important;
  font-size: 22px;
  line-height: 1;
}
.game__sound button {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  color: #fff;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  outline: none !important;
}
@media (min-width: 75em) {
  .game__details {
    font-size: 36px;
  }
}

/* ------------------------------
 *
 * Controls
 *
 * ------------------------------ */
body {
  position: relative;
  min-height: 100vh;
  background: rgb(4, 107, 101);
  background: radial-gradient(circle, rgb(4, 107, 101) 0%, rgb(0, 42, 23) 100%);
}
body .screen-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(180deg, rgba(96, 198, 127, 0), rgba(96, 198, 127, 0), rgba(43, 43, 43, 0.08) 5%, rgba(43, 43, 43, 0.08) 5%);
  background-size: 200px 200px;
  animation: screen-move-it 10s linear infinite;
  overflow: hidden;
}
body .screen-animation:after {
  content: "";
  display: block;
  height: 300%;
  left: -100%;
  position: absolute;
  top: -100%;
  width: 300%;
  z-index: 0;
  opacity: 1;
  animation: noise 8s steps(5) infinite;
  background: url("data:image/png;base64,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");
}

/* ------------------------------
 *
 * Details
 *
 * ------------------------------ */
/* ------------------------------
 *
 * Board
 *
 * ------------------------------ */
.wrapper {
  width: 340px;
  height: 540px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  z-index: 10;
  margin: 0 auto;
}
.wrapper .play-board {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template: repeat(35, 1fr)/repeat(35, 1fr);
  border: 1px dashed #00FF92;
  margin: 0 0 2rem 0;
}
.wrapper .play-board .head {
  background: #fff;
}
.wrapper .play-board .food {
  position: relative;
}
.wrapper .play-board .food:after {
  content: url("images/heart-color-small.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform-origin: center;
}
@media (min-width: 36em) {
  .wrapper {
    width: 400px;
    height: 580px;
  }
}
@media (min-width: 48em) {
  .wrapper {
    width: 500px;
    height: 680px;
  }
  .wrapper .play-board .food:after {
    content: url("images/heart-color-medium.svg");
  }
}
@media (min-width: 62em) {
  .wrapper {
    width: 550px;
    height: 550px;
  }
  .wrapper .play-board .food:after {
    content: url("images/heart-color.svg");
  }
}
@media (min-width: 93.75em) {
  .wrapper {
    width: 750px;
    height: 750px;
  }
}

/* ------------------------------
 *
 * Modals
 *
 * ------------------------------ */
.modal .modal-content {
  padding: 1.5rem 1rem;
  background: rgb(0, 42, 23);
  color: #fff;
}
.modal .modal-content .modal-header,
.modal .modal-content .modal-footer {
  border: none;
}
.modal .modal-content .modal-header .modal-close {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  position: absolute;
  top: 1rem;
  right: 1rem;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.modal .modal-content .modal-header .modal-close:focus, .modal .modal-content .modal-header .modal-close:hover {
  opacity: 0.5;
}
.modal .modal-content .modal-header .modal-title {
  position: relative;
  width: 100%;
  color: #00FF92;
  font-family: "lores-12", sans-serif !important;
  font-size: 30px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  padding: 0 0 1.5rem 0;
}
.modal .modal-content .modal-header .modal-title:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 4rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2rem;
  height: 1px;
  background-color: #fff;
  opacity: 0.4;
}
.modal .modal-content .modal-body {
  font-family: "lores-12", sans-serif !important;
  font-size: 18px;
  line-height: 1;
  text-align: center;
}
.modal .modal-content .modal-body .description {
  margin: 1rem 0 2.5rem 0;
}
.modal .modal-content .modal-body .score-block {
  margin: 0 0 1.5rem 0;
}
.modal .modal-content .modal-body .score-block .score {
  font-family: "lores-12", sans-serif !important;
  font-size: 26px;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0 0.4rem 0;
}
.modal .modal-content .modal-body form {
  margin: 1.5rem 0 0 0;
}
.modal .modal-content .modal-body form input {
  background: none;
  width: 100%;
  border: 1px dashed #00FF92;
  font-family: "lores-12", sans-serif !important;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  margin: 0 0 0.8rem 0;
  padding: 0.8rem 1.2rem;
  outline: none !important;
}
.modal .modal-content .modal-body form input::placeholder {
  color: #fff;
}
.modal .modal-content .modal-body form input:focus {
  border-color: #fff;
}
.modal .modal-content .modal-body form input[type=email] {
  margin: 0 0 1.5rem 0;
}
.modal .modal-content .modal-body form input[type=checkbox] {
  width: auto;
}
.modal .modal-content .modal-body form input[type=submit],
.modal .modal-content .modal-body form button[data-action=submit] {
  width: max-content;
  margin: 1.5rem auto 0 auto;
}
.modal .modal-content .modal-body form label {
  font-family: "lores-12", sans-serif !important;
  font-size: 18px;
  line-height: 1;
}
.modal .modal-content .modal-body form label a {
  text-transform: capitalize !important;
  font-size: 18px !important;
}
.modal .modal-content .modal-body form .form-group {
  display: block;
  text-align: left;
}
.modal .modal-content .modal-body form .alert-success,
.modal .modal-content .modal-body form .alert-error,
.modal .modal-content .modal-body form .alert-info {
  font-family: "lores-12", sans-serif !important;
  font-size: 16px;
  line-height: 1;
  margin: 1.5rem 0 0 0;
  padding: 1rem 1.2rem;
  display: block;
}
.modal .modal-content .modal-body form .alert-success {
  border: 1px dashed #00FF92;
}
.modal .modal-content .modal-body form .alert-error {
  border: 1px dashed #FF0056;
}
.modal .modal-content .modal-body form .alert-info {
  border: 1px dashed #00FF92;
}
.modal .modal-content .modal-body .share {
  margin: 1.5rem 0 0 0;
  padding: 0;
}
.modal .modal-content .modal-body .share li {
  display: inline-block;
  margin: 0 0.5rem;
}
.modal .modal-content .modal-body .share li span {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.modal .modal-content .modal-body .share li span:focus, .modal .modal-content .modal-body .share li span:hover {
  opacity: 0.5;
  cursor: pointer;
}
.modal .modal-content .modal-footer {
  justify-content: center;
}

/* ------------------------------
 *
 * Controls
 *
 * ------------------------------ */
.controls {
  width: 75%;
  margin: 0 auto 4rem auto;
  display: grid;
  grid-template-columns: 33.333% 33.333% 33.333%;
  grid-template-rows: 50% 50%;
  grid-template-areas: "area1 area2 area3" "area4 area5 area6";
}
.controls__area1, .controls__area2, .controls__area3, .controls__area4, .controls__area5, .controls__area6 {
  text-align: center;
}
.controls__area1 {
  grid-area: area1;
}
.controls__area2 {
  grid-area: area2;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.controls__area3 {
  grid-area: area3;
}
.controls__area4 {
  grid-area: area4;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.controls__area5 {
  grid-area: area5;
  border: 1px solid #fff;
}
.controls__area6 {
  grid-area: area6;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.controls i {
  padding: 15px 0;
  text-align: center;
  font-size: 1.3rem;
  color: #fff;
  width: 100%;
  cursor: pointer;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.controls i:hover {
  background-color: #fff;
  color: #242424;
}
@media (min-width: 62em) {
  .controls {
    display: none;
  }
}

/* ------------------------------
 *
 * Thanks page
 *
 * ------------------------------ */
.game-thanks {
  position: relative;
  height: 100vh;
}
.game-thanks__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.game-thanks__content h1 {
  font-family: "lores-12", sans-serif !important;
  font-size: 46px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
  color: #00FF92;
  margin: 0 0 3rem 0;
}
.game-thanks__content span {
  font-family: "lores-12", sans-serif !important;
  font-size: 22px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1.2;
}
@media (min-width: 48em) {
  .game-thanks__content h1 {
    font-size: 56px;
  }
}
@media (min-width: 62em) {
  .game-thanks__content h1 {
    font-size: 72px;
  }
}

/* ------------------------------
 *
 * Winners
 *
 * ------------------------------ */
.winners__content {
  padding: 7rem 0 2rem 0;
}
.winners__title {
  font-family: "lores-12", sans-serif !important;
  font-size: 46px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #00FF92;
}
.winners__listing {
  margin: 0;
  padding: 0;
  text-align: center;
}
.winners__listing li {
  list-style-type: none;
  margin: 0 0 1.5rem 0;
}
.winners__name, .winners__prize {
  font-family: "lores-12", sans-serif !important;
  text-transform: uppercase;
  display: block;
}
.winners__name {
  font-size: 22px;
  color: #00FF92;
}
.winners__prize {
  font-size: 16px;
  color: #fff;
}
@media (min-width: 48em) {
  .winners__title {
    font-size: 56px;
  }
  .winners__name {
    font-size: 26px;
  }
  .winners__prize {
    font-size: 18px;
  }
}
@media (min-width: 62em) {
  .winners__title {
    font-size: 72px;
  }
}

/* ------------------------------
 *
 * Header
 *
 * ------------------------------ */
.header {
  position: relative;
  padding: 3rem 0;
  text-align: center;
  z-index: 10;
}
.header a {
  text-decoration: none !important;
}
.header a img {
  max-width: 368px;
  width: 100%;
  height: auto;
}

/* ------------------------------
 *
 * Footer
 *
 * ------------------------------ */
.footer {
  font-family: "lores-12", sans-serif !important;
  font-size: 30px;
  line-height: 1;
  padding: 1.5rem 0;
  z-index: 10;
}
.footer__copy {
  display: block;
  margin: 0 0 0.5rem 0;
}
.footer ul {
  margin: 0;
  padding: 0;
}
.footer ul li {
  display: inline-block;
  margin: 0 1.5rem 0 0;
}
@media (min-width: 36em) {
  .footer__copy {
    margin: 0;
  }
}
@media (min-width: 48em) {
  .footer ul {
    margin: 0 2.5rem 0 0;
  }
}
@media (min-width: 75em) {
  .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
}

/* ------------------------------
 *
 * Page - Title
 *
 * ------------------------------ */
.page-title {
  position: relative;
  font-family: "lores-12", sans-serif !important;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  color: #00FF92;
  text-align: center;
  z-index: 999;
}
.page-title .container {
  padding: 1.5rem 0;
  border-top: 2px dashed #00FF92;
  border-bottom: 2px dashed #00FF92;
}
.page-title .container .back-game {
  display: block;
  margin: 0 0 1rem 0;
}
.page-title .container .back-game a {
  font-family: "lores-12", sans-serif !important;
  font-size: 20px;
  line-height: 1;
  position: relative;
  color: #fff;
  padding: 0 0 0 2.5rem;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.page-title .container .back-game a:focus, .page-title .container .back-game a:hover {
  opacity: 0.6;
}
.page-title .container .back-game a:before {
  content: url("images/exit-arrow.svg");
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-title .container h1 {
  margin: 0;
}
@media (min-width: 62em) {
  .page-title .container .back-game {
    margin: 0;
  }
}

/* ------------------------------
 *
 * Page - Listing
 *
 * ------------------------------ */
.page-listing {
  padding: 4rem 0;
  font-family: "lores-12", sans-serif !important;
  font-size: 22px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
.page-listing .item {
  padding: 1.5rem 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
.page-listing .item:last-child {
  border: none;
}

/* ------------------------------
 *
 * Page - Content
 *
 * ------------------------------ */
.page-content {
  position: relative;
  padding: 4rem 0;
  z-index: 10;
  color: #fff;
  font-family: "lores-12", sans-serif !important;
  font-size: 20px;
}
.page-content h2, .page-content h3 {
  font-family: "lores-12", sans-serif !important;
  font-size: 26px;
  line-height: 1;
  color: #00FF92;
  margin: 0 0 1.5rem 0;
  line-height: 1.6;
}
.page-content p {
  margin: 0 0 1.5rem 0;
}
.page-content ul,
.page-content ol {
  margin: 0 0 1rem 0.8rem;
  padding: 0;
}
.page-content ul li,
.page-content ol li {
  margin: 0 0 0 1rem;
}

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