/* line 1, website/static/website/css/__common__/root.scss */
body {
  margin: 0 !important;
  padding: 0 !important; }

/* line 6, website/static/website/css/__common__/root.scss */
.pages_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

/* line 13, website/static/website/css/__common__/root.scss */
.page, .page-25, .page-50, .page-75, .page-100 {
  position: relative;
  width: 100%;
  z-index: 99; }

/* line 19, website/static/website/css/__common__/root.scss */
.page-100 {
  height: 100vh; }

/* line 24, website/static/website/css/__common__/root.scss */
.page-75 {
  height: 75vh; }

/* line 29, website/static/website/css/__common__/root.scss */
.page-50 {
  height: 50vh; }

/* line 34, website/static/website/css/__common__/root.scss */
.page-25 {
  height: 25vh; }

/* line 44, website/static/website/css/__common__/root.scss */
code {
  color: #f5f5f5 !important; }
  /* line 47, website/static/website/css/__common__/root.scss */
  code .variable {
    color: #36a3f0; }
  /* line 51, website/static/website/css/__common__/root.scss */
  code .str {
    color: #FF4500;
    font-weight: 600; }
  /* line 56, website/static/website/css/__common__/root.scss */
  code .brackets {
    color: #ffc813; }
  /* line 60, website/static/website/css/__common__/root.scss */
  code .function {
    color: #dccd79; }
  /* line 64, website/static/website/css/__common__/root.scss */
  code .class {
    color: #4ebb7d; }

/* Desktop - 1024px */
/* Mobile - 1023px */
/* line 3, website/static/website/css/__common__/footer.scss */
footer {
  position: relative;
  width: 100%;
  height: 40vh;
  background-color: #1d1d1d; }
  /* line 9, website/static/website/css/__common__/footer.scss */
  footer .content {
    width: 100%;
    height: 70%;
    padding-left: 5vw;
    padding-right: 5vw; }
    /* line 16, website/static/website/css/__common__/footer.scss */
    footer .content .column-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      /* Optional for better alignment */
      width: 100%; }
      /* line 24, website/static/website/css/__common__/footer.scss */
      footer .content .column-content .me_box {
        position: absolute;
        top: 50%;
        right: 100%;
        transform: translate(100%, -50%);
        width: 10vw;
        height: 10vh;
        background-color: #f5f5f5;
        border-radius: 1vw;
        opacity: 0;
        transition: all 0.25s ease-in-out; }
        /* line 36, website/static/website/css/__common__/footer.scss */
        footer .content .column-content .me_box::after {
          content: '';
          position: absolute;
          left: 92%;
          top: 35%;
          width: 0;
          height: 0;
          border-left: 20px solid transparent;
          border-right: 20px solid transparent;
          border-top: 20px solid #f5f5f5;
          clear: both;
          transform: rotate(270deg); }
        /* line 50, website/static/website/css/__common__/footer.scss */
        footer .content .column-content .me_box h1 {
          position: relative;
          font-size: 1vw;
          top: 50%;
          transform: translate(0%, -50%); }
      /* line 58, website/static/website/css/__common__/footer.scss */
      footer .content .column-content a {
        text-align: center;
        width: 100%;
        transition: 0.1s all ease-in-out;
        color: #e6b14c;
        text-decoration: none; }
        /* line 65, website/static/website/css/__common__/footer.scss */
        footer .content .column-content a:hover {
          color: #ffc857; }
  /* line 73, website/static/website/css/__common__/footer.scss */
  footer .copyright {
    position: relative;
    width: 100%;
    height: 30%; }
    /* line 79, website/static/website/css/__common__/footer.scss */
    footer .copyright .divider {
      position: relative;
      width: 90%;
      height: 0.5vh;
      left: 50%;
      transform: translate(-50%);
      background-color: rgba(114, 114, 114, 0.3);
      border-radius: 1vw; }
    /* line 89, website/static/website/css/__common__/footer.scss */
    footer .copyright h1 {
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 2vw;
      text-align: center;
      letter-spacing: 1vw; }

/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  /* line 109, website/static/website/css/__common__/footer.scss */
  footer .column-content img {
    width: 7.5vw; }
  /* line 113, website/static/website/css/__common__/footer.scss */
  footer .column-content a {
    font-size: 2vw; } }

/* Mobile - 1023px */
@media only screen and (max-width: 63.9375rem) {
  /* line 124, website/static/website/css/__common__/footer.scss */
  footer {
    height: 30vh;
    padding-top: 1.5vh;
    padding-bottom: 1.5vh; }
    /* line 130, website/static/website/css/__common__/footer.scss */
    footer #img_column {
      display: none; }
    /* line 136, website/static/website/css/__common__/footer.scss */
    footer .content .img_column {
      display: none; }
    /* line 142, website/static/website/css/__common__/footer.scss */
    footer .content .column-content .me_box {
      display: none; }
    /* line 146, website/static/website/css/__common__/footer.scss */
    footer .content .column-content img {
      width: 15vw; }
    /* line 150, website/static/website/css/__common__/footer.scss */
    footer .content .column-content a {
      font-size: 5vw; }
    /* line 159, website/static/website/css/__common__/footer.scss */
    footer .copyright h1 {
      font-size: 4vw;
      color: #f5f5f5;
      letter-spacing: 2vw; } }