/* IMPORTANT NOTICE: NEVER USE PX FOR TEXT! Use rem instead! */
 
/* FONTS */
 
/* Geist */

@font-face { /* Geist */
  font-family: 'Geist';
  src: url('/css/fonts/geist/Geist-VariableFont_wght.woff2') format('woff2'),
  url('/css/fonts/geist/Geist-VariableFont_wght.woff') format('woff'),
  url('/css/fonts/geist/Geist-VariableFont_wght.ttf') format('truetype');

  font-weight: 100 900; 
  font-style: normal;
}

@font-face { /* Geist | Italic */
  font-family: 'Geist';
  src: url('/css/fonts/geist/Geist-Italic-VariableFont_wght.woff2') format('woff2'),
  url('/css/fonts/geist/Geist-Italic-VariableFont_wght.woff') format('woff'),
  url('/css/fonts/geist/Geist-Italic-VariableFont_wght.ttf') format('truetype');  

  font-weight: 100 900; 
  font-style: italic;
}

@font-face { /* Get-Social-Font */
  font-family: 'Get-Social-Font';
  src:  url('/css/fonts/get-social-font/Get-Social-Font.eot?oq4cqo');
  src:  /*url('/css/fonts/get-social-font/Get-Social-Font.eot?oq4cqo#iefix') format('embedded-opentype'), */ /* No longer in use as IE (the only browser that supports .eot) is obsolete */
    url('/css/fonts/get-social-font/Get-Social-Font.ttf?oq4cqo') format('truetype'),
    url('/css/fonts/get-social-font/Get-Social-Font.woff?oq4cqo') format('woff'),
    url('/css/fonts/get-social-font/Get-Social-Font.svg?oq4cqo#Get-Social-Font') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* ====================================================================================================================== */

/*      */
/* ROOT */
/*      */

:root {
  font-size: clamp(16px, 1rem + 0.2vw, 18px);
  
  /* Variables */
  --base-width: 800px;
  --base-margin: 1rem;
  --base-border-radius: 10px;
  --base-border-width: 4px;
  --base-font: 'Geist', Helvetica, sans-serif;

  --background-color: #133438; /* #134045 */
  --header-footer-color: #032020; /* #3c6a75 */
  --header-footer-hover-color: #011114;
  --background-border-color: #06080f;

  --header-height: 2rem;

  --button-color: #ffb200;
  --button-hover-color: #9c4600;
  --button-active-color: coral;

  --grid-gap: 15px;
}

/*                   */
/* IMPORTANT CLASSES */
/*                   */

body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: 
    "header"
    "main"
    "footer";

  justify-items: center;

  margin: 0px;

  font-family: var(--base-font);
  color: white;

  background-color: var(--background-border-color);
  background-image: url(/assets/images/website-bg.png);
  background-size: 20% auto;

  min-height: 100vh; /* Fallback for older browsers */
  min-height: 100dvh;
}

.main {
  /*display: flex;
  flex-direction: column;
  flex-grow: 1;
  */

  min-width: 0px;
  max-width: var(--base-width);
  padding: var(--base-margin);
  width: calc(100% - (var(--base-margin) * 2) - (var(--base-border-width) * 2));

  background-color: var(--background-color);
  
  border-left: var(--base-border-width) solid var(--background-border-color);
  border-right: var(--base-border-width) solid var(--background-border-color);
  /*box-shadow: 0px 0px 16px 16px black;*/
}

/* body:not(.js-enabled)::before {
  content: "⚠ JavaScript is disabled. Please enable JavaScript to use this site properly. ⚠" !important;
  color: white !important;
  background-color: red !important;
} */

/* HTML Header & Footer */
header, footer {
  color: white !important;
  background: var(--header-footer-color) !important;
  margin: 0px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center !important;
  /*flex-grow: 1;*/
  /*overflow: hidden;*/
  z-index: 10;
}

.header-row,
.footer-row {
  max-width: var(--base-width);

  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between !important; 
  align-items: center !important;

  margin: 5px var(--base-margin);
}

.hidden {
  display: none !important;
}

/*             */
/* HTML HEADER */
/*             */

header {
  grid-area: header;
  width: 100%;
  /*overflow: hidden;*/

  position: sticky;
  top: 0px;

  z-index: 10;
  transform-style: preserve-3d; 

  border-bottom: var(--base-border-width) solid var(--background-border-color);
}

.header-row {
  height: var(--header-height);
}

.header-links {
  display: block;
}

.header-links > a {
  padding: 0px 0.5rem;
}

.header-links > a,
.footer-nav-column > a {
  font-size: 1rem;
  height: 100%;
  background-color: unset;
  text-decoration: none;
  font-weight: bold;
  /*transition: background-color 0.1s;*/
}

.mobile-header-button,
.mobile-header-nav,
.mobile-nav-container {
  display: none;
}

.mobile-nav-container {
  pointer-events: none;
}

.mobile-header-nav > button {
  border-radius: 5px;
}

/* .header-links > a:hover {
  background: var(--header-footer-hover-color);
} */

.header-title {
  display: block;
  background: url(/assets/images/branding/dragonaero-title-lineless.webp);
  background-repeat: no-repeat;
  background-size: 100%;

  background-position: center center;

  width: 8rem;
  height: 2rem; /* 1/4 width */
  border-radius: 0px;

  transition: background-size 0.1s !important;
}

.header-title:hover {
  cursor: pointer;
  background-size: 95%;
}

/*             */
/* HTML FOOTER */
/*             */

footer {
  grid-area: footer;
  border-top: var(--base-border-width) solid var(--background-border-color);
}

.footer-row {
  padding-top: var(--base-margin);
}

.footer-nav {
  /*display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--base-margin);*/

  display: grid;
  align-items: start;
  grid-template-columns: repeat(var(--num-cols, 4), 1fr);
  width: 100%
}

.footer-nav-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*margin: 0px var(--base-margin);*/
  margin-bottom: 1rem;
}

.footer-nav-column-header {
  font-size: 1.25rem;
}

.footer-nav-column > p,
.footer-nav-column > a {
  margin-bottom: 0rem;
  text-align: center;
}

/* ------------- */
/* HTML NOSCRIPT */
/* ------------- */

noscript {
  height: 100svh;
  width: 100vw;
  background-color: var(--background-color);
  z-index: 9999;

  position: fixed;
  top: 0px;
  left: 0px;

  overflow: hidden;
}

/* --------------------- */
/* DEFAULT HTML ELEMENTS */
/* --------------------- */

p, a, h1, h2, h3, h4, h5, h6, img, pre, blockquote {
  font-family: var(--base-font);
  margin: 0px 0px 1rem 0px;
}

p {
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

a {
  font-size: 1rem;
  background-color: unset;
  text-decoration: none;
  font-weight: bold;
}

h1, h2, h3, h4, h5 {
  font-weight: bold;
  text-align: center;
}

ol,
ul {
  margin: 0px;
}

.page-title {
  margin-top: 0px;
  text-align: center;
}

a:link, a:visited {
  color: var(--button-color);
  transition: color 0.1s;
}

/*a:visited {
  color: goldenrod;
}*/

a:hover {
  color: var(--button-hover-color);
}

a:active {
  color: var(--button-active-color);
}

grid > a,
a.grid-centered-item,
a.flex-grid-item,
a.header-title,
a.header-link,
a.footer-link,
a.mobile-header-button,
a.mobile-header-button > img {
  margin: 0px !important;
}

img.bordered {
  height: auto;
  border-radius: var(--base-border-radius);
  border: var(--base-border-width) solid var(--background-border-color);
}

#dragonaero-portrait {
  border-radius: var(--base-border-radius);
}

.wide-image {
  max-width: 100%;
  height: auto;
  border-radius: var(--base-border-radius);
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* --------------- */
/* GRID CONTAINERS */
/* --------------- */

.grid {
  display: grid;
  
  grid-template-columns: repeat(var(--num-cols, 3), 1fr);
  justify-content: center; 

  gap: var(--grid-gap);
}

.grid-item {
  margin: 0px;
}

/* --------------- */
/* FLEX CONTAINERS */
/* --------------- */

.flex-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--grid-gap);
  padding: var(--grid-gap) 0px;
}

.flex-grid-item {
  flex: 0 0 calc(((1 / var(--num-cols, 3)) * 100%) - var(--grid-gap));
  min-height: 0px;
  /*background: teal;
  color: white;
  padding: 20px;*/
  /*margin: 10px;*/
  /*flex: 1;
  max-width: calc(1 / calc(var(--num-cols, 3) + 1) * 100%);*/
  /*flex-basis: calc(calc(1 / calc(var(--num-cols, 3) + 1) * 125%)); /* calc(calc(1 / calc(var(--num-cols, 3) + 1) * 100%) - 10px); */
}

.flex-container {
  display: flex;
}

.flex-container-center {
  display: flex;
  justify-content: center;
}

.flex-row {
  display: flex;
  flex-direction: row;
}


.flex-row-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0px;               
}

.flex-row-space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0px;               
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px;               
}

/* ------------------------------- */
/* CSS GRID WITH CENTERED LAST ROW */
/* ------------------------------- */

.grid-centered {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 3 columns */
  gap: var(--grid-gap);
  padding: var(--grid-gap) 0px;
}

.grid-centered-item {
  grid-column: span 2;
  
  /* Two orphans in last row */

  &:last-child:nth-child(3n - 1) {
    grid-column-end: -2;
  }

  &:nth-last-child(2):nth-child(3n + 1) {
    grid-column-end: 4;
  }

  /* Single orphan in last row */

  &:last-child:nth-child(3n - 2) {
    grid-column-end: 5;
  }
}

.grid-centered-cell-size {
  width: calc(((1 / 3) * 100%) - var(--grid-gap));
}

.grid-centered-half-cell-size {
  width: calc(((1 / 6) * 100%) - var(--grid-gap));
}

/* ------------ */
/* SITE BUTTONS */
/* ------------ */

.site-button,
.site-button img {
  display: inline-block;
  max-width: 88px;
  max-height: 31px;
  margin: 0px;
  border-radius: 0px;
}

a:has(> .site-button) {
  text-decoration: none;
}

#dragonaero-sitebutton,
#dragonaero-sitebutton img {
  align-self: left
}

.small-item-grid,
.widget-grid,
.site-button-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.1rem 0.25rem;
}

.small-button-grid {
  display: flex;
  justify-content: center;
  gap: 0.1rem 0.25rem;
}

/* ---- */
/* BLOG */
/* ---- */
.blog-entry-main {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: 
    "blog-header"
    "blog-content"
    "blog-footer";

  margin: 0px;
}

.caption {
  color: lightgray;
}

.caption,
.caption a {
  text-align: center !important;
  font-size: 0.8rem;
}

figcaption.caption {
  margin-bottom: 1rem;
}

.captioned {
  margin-bottom: 0px
}

.blog-entry-header {
  grid-area: blog-header;
}

.blog-entry-content {
  grid-area: blog-content;
}

.blog-entry-content p {
  text-align: left;
}

.blog-entry-footer {
  grid-area: blog-footer;
}

#blog-entry-title {
  margin-bottom: 0.5rem;
}

.blog-entry-footer-button-grid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: var(--grid-gap);
  /*justify-items: center; */
}

.blog-entry-footer-button-grid,
.blog-entry-footer-button-grid a {
  margin: 0px;
}

#back-to-blog-button {
  place-self: center; 
  width: 50% !important;
}

/* ---------------------- */
/* PAGE-SPECIFIC ELEMENTS */
/* ---------------------- */

#about-article,
#faq {
  text-align: left !important;
  margin-bottom: 1rem !important;
}

a.blog-listing {
  display: flex;
  flex-direction: column;
  justify-content: left;

  padding: 1rem;
  margin: 0px 0px 1rem 0px; /* margin on bottom */

  color: black;
  text-decoration: auto;
  background-color: var(--button-color);
  border: 4px solid var(--background-border-color);
  border-radius: var(--base-border-radius);

  transition:
    background-color 0.1s,
    color 0.1s;
}

a.blog-listing:hover {
  background-color: var(--button-hover-color);
  color: white;
}

.blog-listing p,
.blog-listing h1, 
.blog-listing h2, 
.blog-listing h3,
.blog-listing h4 {
  text-align: left;
  margin: 0px;
  margin-bottom: 0.5rem;
}

.blog-listing p * {
  display: inline;
}

#redirect-header,
.redirect-header {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5rem;
}

.redirect-banner {
  width: 70%;
  height: auto;
  margin-bottom: 0px;
}

/*                    */
/* WIDGETS & WEBRINGS */
/*                    */

.widget-grid p,
.widget-grid a,
.widget-grid img {
  margin: auto !important;
}

/*.widget-grid > .webring {
  height: 100%;
}*/

#touhou-ring > table {
  margin: 0px !important;
  height: 100%;
}

/*         */
/* BUTTONS */
/*         */

button {
  font-family: var(--base-font);

  display: inline-block;
  width: 100%;
  height: 100%;
  
  cursor: pointer;

  padding: 0.5em;

  background-color: var(--button-color);

  color: var(--background-border-color);
  font-size: 1rem;
  text-align: center;
  text-decoration: none;

  border: 4px solid var(--background-border-color);
  border-radius: var(--base-border-radius);

  transition:
    background-color 0.1s,
    color 0.1s;
}

button:hover {
  background-color: var(--button-hover-color);
  color: white;
}

button:disabled {
  background-color: var(--button-hover-color);
  color: white;
  opacity: 50%;
  cursor: not-allowed;
}

a.square-button {
  text-decoration: none;
}

.square-button,
.square-button > button {
  width: auto;
  aspect-ratio: 1;
  text-align: center;
}

.index-socials-div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 1rem;
  height: auto;
}

.index-socials-div > a {
  margin: 0px !important;
}

.index-socials-div > a > button {
  width: 3.25rem;
  margin: 0px !important;
}

.index-socials-div > a > button > i {
  font-size: 1.25rem;
  margin: 0px !important;
}

.business-email {
  max-width: 100%;
  height: auto;
  border: none;
  border-radius: 0px;
}

/*        */
/* IMAGES */
/*        */

/* there's nothing */

/*           */
/* INFOBOXES */
/*           */

.infobox-container {
  display: block;
}

.infobox {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 1;

    float: right;

    padding: 1rem;
    margin: 0px 0px 1rem 2rem; /* margin on left and bottom */

    background-color: var(--header-footer-color);
    border: 4px solid var(--background-border-color);
    border-radius: var(--base-border-radius);
}

.infobox > p.info {
    text-align: left;
    margin: 0px;
    width: 100%;
}


/*                 */
/* THUMBNAIL IMAGE */
/*                 */

.site-thumbnail {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  border-radius: 0px;
}

#site-thumbnail-span {
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 30px;
  margin: 0px;
  color: white;
  background-color: var(--background-border-color);
}

#site-thumbnail-span > p {
  margin: 0px;
}

/*                                                       */
/* FOR SCREEN WIDTHS UNDER THE MAIN DIV WIDTH (1024 px)  */
/*                                                       */
@media screen and (max-width: 1023px) {
  body {
    background-size: 33.33333% auto;
  }
}

/*                                             */
/* FOR SCREEN WIDTHS UNDER 768px (e.g. phones) */
/*                                             */

@media screen and (max-width: 767px) {
  body {
    background-size: 50% auto;
  }

  .header-links {
    display: none;
  }

  .mobile-header-button {
    display: inline-flex;
    cursor: pointer;
  }

  .mobile-header-nav {
    pointer-events: none;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    padding: 10px;

    position: absolute;
    /*top: calc(var(--header-height));*/
    right: -235px;
    transition: right 0.2s ease-in-out;
    overflow: hidden;

    background-color: var(--header-footer-color);
    border: var(--base-border-width) solid var(--background-border-color);
    transform: translateZ(-1px);
  }

  .mobile-header-nav.active {
    pointer-events: auto;
    right: -5px;
  }

  .mobile-nav-container {
    display: block;

    position: relative;
    overflow: hidden;

    width: 100%;
    height: 1000%;
  }

  .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .flex-grid {
    --num-cols: 2 !important;
  }

  .grid-centered {
    grid-template-columns: repeat(4, 1fr); /* 2 columns */
  }

  .grid-centered-item {
  grid-column: span 2;
  
    /* Two orphans in last row */

    &:last-child:nth-child(3n - 1) {
      grid-column-end: auto;
    }

    &:nth-last-child(2):nth-child(3n + 1) {
      grid-column-end: auto;
    }

    /* Single orphan in last row */

    &:last-child:nth-child(3n - 2) {
      grid-column-end: auto;
    }
    
    &:last-child:nth-child(2n + 1) {
      grid-column-end: 4;
    }
  }

  /*button {
    font-size: 1rem;
  } */

  .grid-centered-cell-size {
    width: calc(((1 / 2) * 100%) - var(--grid-gap));
  }

  .infobox {
    display: flex;
    flex-direction: column;
    align-items: center;

    float: none;
    margin: 0px 0px 1rem 0px; /* margin on left */
  }

  .infobox-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  #about-article,
  #faq {
    text-align: left !important;
  }

  .index-socials-div > a,
  .index-socials-div > a > button {
    cursor: pointer;
    /*width: 100% !important;
    flex: 0 0 calc(25% - (16px * 3 / 4)); */
  }

  .blog-entry-footer-button-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/*                           */
/* GET SOCIAL FONT RENDERING */
/*                           */

[class^="gsicon-"], [class*=" gsicon-"] { /* Rendering for Get-Social-Font */
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Get-Social-Font' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  position: relative;
  top: 0.125rem;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gsicon-apple:before {
  content: "\e900";
}
.gsicon-behance:before {
  content: "\e600";
}
.gsicon-bitbucket:before {
  content: "\e601";
}
.gsicon-bing:before {
  content: "\e901";
}
.gsicon-blogger:before {
  content: "\e602";
}
.gsicon-bluesky:before {
  content: "\e902";
}
.gsicon-chrome:before {
  content: "\e603";
}
.gsicon-disqus:before {
  content: "\e905";
}
.gsicon-discord:before {
  content: "\e903";
}
.gsicon-codepen:before {
  content: "\e606";
}
.gsicon-css3:before {
  content: "\e607";
}
.gsicon-deviantart:before {
  content: "\e609";
}
.gsicon-dribbble:before {
  content: "\e60a";
}
.gsicon-dropbox:before {
  content: "\e60b";
}
.gsicon-drupal:before {
  content: "\e60c";
}
.gsicon-edge:before {
  content: "\e904";
}
.gsicon-etsy:before {
  content: "\e633";
}
.gsicon-evernote:before {
  content: "\e60d";
}
.gsicon-facebook:before {
  content: "\e604";
}
.gsicon-firefox:before {
  content: "\e60f";
}
.gsicon-flickr:before {
  content: "\e610";
}
.gsicon-foursquare:before {
  content: "\e611";
}
.gsicon-flipboard:before {
  content: "\e906";
}
.gsicon-github:before {
  content: "\e613";
}
.gsicon-gitlab:before {
  content: "\e907";
}
.gsicon-google:before {
  content: "\e908";
}
.gsicon-google-drive:before {
  content: "\e616";
}
.gsicon-html5:before {
  content: "\e618";
}
.gsicon-houzz:before {
  content: "\e90a";
}
.gsicon-icloud:before {
  content: "\e635";
}
.gsicon-instagram:before {
  content: "\e619";
}
.gsicon-joomla:before {
  content: "\e61b";
}
.gsicon-lastfm:before {
  content: "\e61c";
}
.gsicon-linkedin:before {
  content: "\e61d";
}
.gsicon-mailchimp:before {
  content: "\e909";
}
.gsicon-mastodon:before {
  content: "\e90b";
}
.gsicon-medium:before {
  content: "\e90c";
}
.gsicon-mix:before {
  content: "\e90d";
}
.gsicon-myspace:before {
  content: "\e61e";
}
.gsicon-opera:before {
  content: "\e61f";
}
.gsicon-patreon:before {
  content: "\e90e";
}
.gsicon-paypal:before {
  content: "\e620";
}
.gsicon-pinterest:before {
  content: "\e621";
}
.gsicon-quora:before {
  content: "\e910";
}
.gsicon-reddit:before {
  content: "\e622";
}
.gsicon-rss:before {
  content: "\e623";
}
.gsicon-safari:before {
  content: "\e624";
}
.gsicon-skype:before {
  content: "\e625";
}
.gsicon-snapchat:before {
  content: "\e636";
}
.gsicon-slack:before {
  content: "\e911";
}
.gsicon-spotify:before {
  content: "\e626";
}
.gsicon-stack-overflow:before {
  content: "\e627";
}
.gsicon-soundcloud:before {
  content: "\e629";
}
.gsicon-steam:before {
  content: "\e90f";
}
.gsicon-threads:before {
  content: "\e912";
}
.gsicon-tiktok:before {
  content: "\e913";
}
.gsicon-telegram:before {
  content: "\e914";
}
.gsicon-tumblr:before {
  content: "\e62a";
}
.gsicon-twitter:before {
  content: "\e605";
}
.gsicon-twitch:before {
  content: "\e915";
}
.gsicon-vimeo:before {
  content: "\e62b";
}
.gsicon-wordpress:before {
  content: "\e62d";
}
.gsicon-yelp:before {
  content: "\e62e";
}
.gsicon-px:before {
  content: "\e631";
}
.gsicon-facebook-messanger:before {
  content: "\e634";
}
.gsicon-whatsapp:before {
  content: "\e637";
}
.gsicon-html5-box:before {
  content: "\e638";
}
.gsicon-css3-box:before {
  content: "\e639";
}
.gsicon-x:before {
  content: "\e916";
}
.gsicon-ubuntu:before {
  content: "\e917";
}
.gsicon-vk:before {
  content: "\e918";
}
.gsicon-wechat:before {
  content: "\e919";
}
.gsicon-wikipedia:before {
  content: "\e91a";
}
.gsicon-youtube:before {
  content: "\e62f";
}
.gsicon-tribars:before {
  content: "\e632";
}
.gsicon-cc-remix:before {
  content: "\e920";
}
.gsicon-cc-zero:before {
  content: "\e921";
}
.gsicon-cc-by:before {
  content: "\e922";
}
.gsicon-cc-cc:before {
  content: "\e923";
}
.gsicon-cc-nc-eu:before {
  content: "\e924";
}
.gsicon-cc-nc-jp:before {
  content: "\e925";
}
.gsicon-cc-nc:before {
  content: "\e926";
}
.gsicon-cc-nd:before {
  content: "\e927";
}
.gsicon-cc-pd:before {
  content: "\e928";
}
.gsicon-cc-sa:before {
  content: "\e929";
}
.gsicon-cc-sampling-plus:before {
  content: "\e930";
}
.gsicon-cc-sampling:before {
  content: "\e931";
}
.gsicon-cc-share:before {
  content: "\e932";
}
.gsicon-newgrounds:before {
  content: "\e91b";
}
.gsicon-itch-io:before {
  content: "\e91c";
}
.gsicon-neocities:before {
  content: "\e91d";
}
.gsicon-email:before {
  content: "\e91e";
}