.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

.icon-twitter::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f099"; }

.icon-instagram::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f16d"; }

.icon-linkedin::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f08c"; }

.icon-mailchimp::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f59e"; }

.icon-newsletter::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0e0"; }

.icon-telegram::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f3fe"; }

.icon-itch::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f83a"; }

.icon-linkedin::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f08c"; }

.icon-discord::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f392"; }

.icon-whatsapp::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f232"; }

body {
  font-family: "Oswald", sans-serif;
  margin: 0;
  padding: 0;
  color: #C92B00;
  background-color: #353535; }
  body .container .header {
    margin: 0px;
    font-size: 5em;
    padding: .5em;
    text-align: center;
    font-family: 'Sigmar One', cursive;
    background-color: #FFFFC9;
    cursor: pointer; }
    body .container .header .headerImg {
      height: 200px;
      max-width: 100% !important;
      fill: #353535;
      -webkit-transition: 500ms -webkit-transform;
      transition: 500ms -webkit-transform;
      transition: 500ms transform;
      transition: 500ms transform, 500ms -webkit-transform; }
      body .container .header .headerImg:hover {
        -webkit-transform: scale(1.03);
                transform: scale(1.03); }
      body .container .header .headerImg .background {
        fill: white; }
  body .container .social ul, body .container .navigation nav ul {
    padding: 0px;
    margin: 0; }
    body .container .social ul li, body .container .navigation nav ul li {
      list-style: none;
      margin: 0; }
      body .container .social ul li a, body .container .navigation nav ul li a {
        color: #353535;
        text-decoration: none;
        -webkit-transition: 500ms all;
        transition: 500ms all; }
        body .container .social ul li a:hover, body .container .navigation nav ul li a:hover {
          color: #C92B00; }
  body .container .navigation {
    background-color: #FFFFC9;
    padding: 10px 0; }
    body .container .navigation nav {
      margin: auto;
      display: block;
      text-align: center; }
      @media only screen and (max-width: 600px) {
        body .container .navigation nav ul {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: auto auto auto;
          grid-template-columns: auto auto auto;
          justify-content: center;
          row-gap: 5px; } }
      body .container .navigation nav ul li {
        text-align: center;
        width: 60px;
        display: inline-block;
        padding: 0 20px 0;
        -webkit-transition: 400ms -webkit-transform;
        transition: 400ms -webkit-transform;
        transition: 400ms transform;
        transition: 400ms transform, 400ms -webkit-transform; }
        body .container .navigation nav ul li:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
    body .container .navigation .selected {
      text-decoration: underline;
      color: #C92B00; }
  body .container .footer {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: auto;
    color: white;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto; }
    @media only screen and (max-width: 500px) {
      body .container .footer {
        -ms-grid-columns: auto;
        grid-template-columns: auto; } }
    body .container .footer .footerText {
      display: inline-block;
      padding: 10px 0;
      margin-left: 10px;
      padding-top: 15px; }
      @media only screen and (max-width: 500px) {
        body .container .footer .footerText {
          display: none; } }
    body .container .footer .newsLetter {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 500px) {
        body .container .footer .newsLetter {
          display: none; } }
      body .container .footer .newsLetter .newsLetter-text {
        display: inline-block;
        margin-top: auto;
        margin-bottom: auto;
        padding-right: 5px; }
      body .container .footer .newsLetter #mc_embed_signup {
        display: inline-block;
        clear: left;
        width: 100%; }
      body .container .footer .newsLetter #mce-EMAIL {
        background-color: rgba(116, 116, 116, 0.267) !important;
        border: none !important;
        width: 150px !important;
        color: white !important; }
      body .container .footer .newsLetter #mc-embedded-subscribe {
        background-color: #adadad63 !important;
        font-family: "Oswald", sans-serif; }
        body .container .footer .newsLetter #mc-embedded-subscribe:hover {
          background-color: #777 !important; }
    body .container .footer .social {
      display: inline-block;
      padding-top: 10px;
      text-align: center; }
      @media only screen and (max-width: 500px) {
        body .container .footer .social {
          padding-bottom: 10px; } }
      body .container .footer .social ul li {
        display: inline-block;
        padding: 0 5px 0; }
        body .container .footer .social ul li a {
          color: white;
          font-size: 1.9em; }
          body .container .footer .social ul li a:hover {
            color: #C92B00; }
  body .container .content {
    padding: 25px;
    background-color: #ffffff;
    height: 100%; }
    body .container .content .mainColumn {
      color: black;
      margin: 0 auto;
      max-width: 1000px;
      padding: 30px;
      padding-top: 0px; }