@font-face {
    font-family: cs_regular;
    src: url(./assets/fonts/cs_regular.ttf);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    -webkit-text-size-adjust: none;
}
mark {
    background-color: transparent;
    color: inherit;
}
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type="text"], input[type="email"], select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
*,  *:before,  *:after  {
    box-sizing:  border-box;
}
body  {
    line-height:  1.0;
    min-height:  var(--viewport-height);
    min-width:  320px;
    overflow-x:  hidden;
    word-wrap:  break-word;
    background-color:  #000000;
}
:root  {
    --background-height:  100vh;
    --site-language-alignment:  left;
    --site-language-direction:  ltr;
    --site-language-flex-alignment:  flex-start;
    --site-language-indent-left:  1;
    --site-language-indent-right:  0;
    --viewport-height:  100vh;
}
html  {
    font-size:  24pt;
}
u  {
    text-decoration:  underline;
}
strong  {
    color:  inherit;
    font-weight:  bolder;
}
em  {
    font-style:  italic;
}
code  {
    background-color:  rgba(144, 144, 144, 0.25);
    border-radius:  0.25em;
    font-family:  'Lucida Console',  'Courier New',  monospace;
    font-size:  0.9em;
    font-weight:  normal;
    letter-spacing:  0;
    margin:  0 0.25em;
    padding:  0.25em 0.5em;
    text-indent:  0;
}
mark  {
    background-color:  rgba(144, 144, 144, 0.25);
}
s  {
    text-decoration:  line-through;
}
sub  {
    font-size:  smaller;
    vertical-align:  sub;
}
sup  {
    font-size:  smaller;
    vertical-align:  super;
}
a  {
    color:  inherit;
    text-decoration:  underline;
    transition:  color 0.25s ease;
}
#wrapper  {
    -webkit-overflow-scrolling:  touch;
    align-items:  center;
    display:  flex;
    flex-direction:  column;
    justify-content:  flex-start;
    min-height:  var(--viewport-height);
    overflow:  hidden;
    position:  relative;
    z-index:  2;
}
#main  {
    --alignment:  center;
    --flex-alignment:  center;
    --indent-left:  1;
    --indent-right:  1;
    --border-radius-tl:  0;
    --border-radius-tr:  0;
    --border-radius-br:  0;
    --border-radius-bl:  0;
    align-items:  center;
    display:  flex;
    flex-grow:  0;
    flex-shrink:  0;
    justify-content:  center;
    max-width:  100%;
    position:  relative;
    text-align:  var(--alignment);
    z-index:  1;
}
#main > .inner  {
    --padding-horizontal:  3rem;
    --padding-vertical:  12rem;
    --spacing:  0.75rem;
    --width:  100vw;
    border-radius:  var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);
    max-width:  100%;
    position:  relative;
    width:  var(--width);
    z-index:  1;
    padding:  var(--padding-vertical) var(--padding-horizontal);
}
#main > .inner > *  {
    margin-top:  var(--spacing);
    margin-bottom:  var(--spacing);
}
#main > .inner > :first-child  {
    margin-top:  0 !important;
}
#main > .inner > :last-child  {
    margin-bottom:  0 !important;
}
#main > .inner > .full  {
    margin-left:  calc(var(--padding-horizontal) * -1);
    max-width:  calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
    width:  calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
}
#main > .inner > .full:first-child  {
    border-top-left-radius:  inherit;
    border-top-right-radius:  inherit;
    margin-top:  calc(var(--padding-vertical) * -1) !important;
}
#main > .inner > .full:last-child  {
    border-bottom-left-radius:  inherit;
    border-bottom-right-radius:  inherit;
    margin-bottom:  calc(var(--padding-vertical) * -1) !important;
}
#main > .inner > .full.screen  {
    border-radius:  0 !important;
    max-width:  100vw;
    position:  relative;
    width:  100vw;
    left:  50%;
    margin-left:  -50vw;
    right:  auto;
}
body.is-instant #main,  body.is-instant #main > .inner > *, body.is-instant #main > .inner > section > *  {
    transition:  none !important;
}
body.is-instant:after  {
    display:  none !important;
    transition:  none !important;
}
.image  {
    display:  block;
    line-height:  0;
    max-width:  100%;
    position:  relative;
}
.image .frame  {
    -webkit-backface-visibility:  hidden;
    -webkit-transform:  translate3d(0,  0,  0);
    display:  inline-block;
    max-width:  100%;
    overflow:  hidden;
    vertical-align:  top;
    width:  100%;
}
.image .frame img  {
    border-radius:  0 !important;
    max-width:  100%;
    vertical-align:  top;
    width:  inherit;
}
.image.full .frame  {
    display:  block;
}
.image.full:first-child .frame  {
    border-top-left-radius:  inherit;
    border-top-right-radius:  inherit;
}
.image.full:last-child .frame  {
    border-bottom-left-radius:  inherit;
    border-bottom-right-radius:  inherit;
}
#image01 .frame  {
    width:  100vw;
    transition:  none;
}
#image01 .frame img  {
    transition:  none;
}
h1,  h2,  h3,  p  {
    direction:  var(--site-language-direction);
    position:  relative;
}
h1 span.p,  h2 span.p,  h3 span.p,  p span.p  {
    display:  block;
    position:  relative;
}
h1 span[style],  h2 span[style],  h3 span[style],  p span[style],  h1 strong,  h2 strong,  h3 strong,  p strong,  h1 a,  h2 a,  h3 a,  p a,  h1 code,  h2 code,  h3 code,  p code,  h1 mark,  h2 mark,  h3 mark,  p mark  {
    -webkit-text-fill-color:  currentcolor;
}
#text01  {
    color:  #FFFFFF;
    font-family:  cs_regular;
    font-size:  3.0em;
    line-height:  1.5;
    font-weight:  400;
    text-shadow:  0.088rem 0.088rem 0.375rem #F7A911; // #B80202
}
#text01 a  {
    text-decoration:  underline;
}
#text01 a:hover  {
    text-decoration:  none;
}
#text01 span.p:nth-child(n + 2)  {
    margin-top:  1rem;
}
#text02  {
    color:  #FFFFFF;
    font-family:  cs_regular;
    font-size:  2.0em;
    line-height:  1.5;
    font-weight:  400;
    text-shadow:  0.088rem 0.088rem 0.375rem #F7A911; // #B80202
}
#text02 a  {
    text-decoration:  underline;
}
#text02 a:hover  {
    text-decoration:  none;
}
#text02 span.p:nth-child(n + 2)  {
    margin-top:  1rem;
}
hr  {
    border:  0;
    padding:  0;
    position:  relative;
    width:  100%;
}
hr:before  {
    content:  '';
    display:  inline-block;
    max-width:  100%;
    vertical-align:  middle;
}
#divider01:before  {
    width:  100%;
    border-top:  solid 1px #FFFFFF;
    height:  1px;
    margin-top:  -0.5px;
}
.buttons  {
    cursor:  default;
    display:  flex;
    justify-content:  var(--flex-alignment);
    letter-spacing:  0;
    padding:  0;
}
.buttons li  {
    max-width:  100%;
}
.buttons li a  {
    align-items:  center;
    justify-content:  center;
    max-width:  100%;
    text-align:  center;
    text-decoration:  none;
    vertical-align:  middle;
    white-space:  nowrap;
}
#buttons01  {
    gap:  0.75rem;
    flex-direction:  row;
    flex-wrap:  wrap;
}
#buttons01 li a  {
    display:  inline-flex;
    width:  auto;
    height:  1.5rem;
    line-height:  1.5rem;
    padding:  0 0.75rem;
    vertical-align:  middle;
    font-family:  'Georgia',  serif;
    font-size:  0.875em;
    font-weight:  400;
    border-radius:  2.5rem;
    transition:  color 0.875s ease,  background-color 0.875s ease,  border-color 0.875s ease;
}
#buttons01 li a svg  {
    display:  block;
    fill:  #FFFFFF;
    flex-grow:  0;
    flex-shrink:  0;
    height:  100%;
    min-width:  16px;
    width:  1em;
    margin-left:  -0.125em;
    margin-right:  calc(0.5em + 0rem);
    transition:  fill 0.875s ease;
}
#buttons01 li a .label  {
    direction:  var(--site-language-direction);
    overflow:  hidden;
    text-overflow:  ellipsis;
}
#buttons01 .button  {
    color:  #FFFFFF;
    border:  solid 5px #FFFFFF;
}
#buttons01 .button svg  {
    fill:  #D4BABA;
}
#buttons01 .button:hover  {
    border-color:  #F7A911 !important;
    color:  #F7A911 !important;
}
#buttons01 .button:hover svg  {
    fill:  #F7A911 !important;
}
.icc-credits  {
    display:  block;
    opacity:  1 !important;
    position:  relative;
    transition-delay:  0s !important;
}
.icc-credits span  {
    border-radius:  24px;
    cursor:  pointer;
    display:  inline-block;
    font-family:  Arial,  sans-serif;
    font-size:  12px;
    letter-spacing:  0;
    line-height:  1;
    position:  relative;
    text-decoration:  none;
    width:  auto;
}
.icc-credits span a  {
    display:  inline-block;
    padding:  0.5em 0.375em;
    position:  relative;
    text-decoration:  none;
    transition:  color 0.25s ease,  transform 0.25s ease;
    z-index:  1;
}
#card {
z-index: 9;
}
.github-card {
z-index: 10;
}
.icc-credits span a:before  {
    content:  '( ';
    opacity:  1;
    transition:  opacity 0.25s ease;
}
.icc-credits span a:after  {
    content:  ' )';
    opacity:  1;
    transition:  opacity 0.25s ease;
}
.icc-credits span::after  {
    background-image:  linear-gradient(30deg,  #A464A1 15%,  #3B5DAD 85%);
    border-radius:  inherit;
    box-shadow:  0 0.25em 1.25em 0 rgba(0, 0, 0, 0.25);
    content:  '';
    display:  block;
    height:  calc(100% + 2px);
    left:  -1px;
    opacity:  1;
    pointer-events:  none;
    position:  absolute;
    top:  -1px;
    transition:  opacity 0.25s ease,  box-shadow 0.25s ease,  transform 0.25s ease;
    width:  calc(100% + 2px);
}
.icc-credits span:hover  {
    text-transform:  none !important;
}
.icc-credits span:hover a  {
    color:  #ffffff !important;
    transform:  scale(1.1) translateY(-0.05rem);
}
.icc-credits span:hover a:before  {
    opacity:  0;
}
.icc-credits span:hover a:after  {
    opacity:  0;
}
.icc-credits span:hover::after  {
    opacity:  1;
    transform:  scale(1.1) translateY(-0.05rem);
}
#credits span  {
    color:  rgba(255, 255, 255, 0.999); // Opacity was 0.486
    margin-top:  0.75rem !important;
}
@media (max-width: 1920px)  {
}
@media (max-width: 1680px)  {
    html  {
    font-size:  18pt;
}
}
@media (max-width: 1280px)  {
    html  {
    font-size:  18pt;
}
}
@media (max-width: 1024px)  {
}
@media (max-width: 980px)  {
    html  {
    font-size:  15pt;
}
}
@media (max-width: 736px)  {
    html  {
    font-size:  15pt;
}
#main > .inner  {
    --padding-horizontal:  2rem;
    --padding-vertical:  3.5rem;
    --spacing:  0.75rem;
}
#text01  {
    letter-spacing:  0rem;
    width:  100%;
    font-size:  1.625em;
    line-height:  1.5;
}
#text02  {
    letter-spacing:  0rem;
    width:  100%;
    font-size:  1.125em;
    line-height:  1.5;
}
#buttons01  {
    gap:  0.75rem;
}
#buttons01 li a  {
    letter-spacing:  0rem;
    font-size:  0.875em;
}
#buttons01 li a svg  {
    width:  1em;
}
}
@media (max-width: 480px)  {
    #main > .inner  {
    --spacing:  0.65625rem;
}
#buttons01  {
    flex-direction:  column;
    flex-wrap:  nowrap;
}
#buttons01 li a  {
    max-width:  32rem;
    width:  100%;
}
}
@media (max-width: 360px)  {
    #main > .inner  {
    --padding-horizontal:  1.5rem;
    --padding-vertical:  2.625rem;
    --spacing:  0.5625rem;
}
#text01  {
    font-size:  1.5em;
}
#text02  {
    font-size:  1.125em;
}
#buttons01  {
    gap:  0.5625rem;
}
}