@import url("https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&family=Poiret+One&display=swap");
/* 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 4, website/static/website/css/__common__/header.scss */
.navbar {
  position: fixed !important;
  top: 0px;
  width: 100%;
  z-index: 99999; }
  /* line 10, website/static/website/css/__common__/header.scss */
  .navbar a {
    font-size: 1.5vw;
    letter-spacing: 0.3vw;
    opacity: 0.5;
    transition: all 0.2s ease-in-out; }
  /* line 17, website/static/website/css/__common__/header.scss */
  .navbar .logo img {
    width: 6vw;
    height: auto; }
  /* line 22, website/static/website/css/__common__/header.scss */
  .navbar .contact {
    font-family: "Poiret One", serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5vw;
    letter-spacing: 0.3vw;
    opacity: 0.5;
    color: #f5f5f5;
    transition: all 0.15s ease-in-out;
    width: max-content;
    left: 99%;
    transform: translate(-100%);
    position: relative; }
  /* line 37, website/static/website/css/__common__/header.scss */
  .navbar .contact:hover {
    opacity: 1; }

/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  /* line 45, website/static/website/css/__common__/header.scss */
  .navbar .navbar-nav {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    color: #f5f5f5; }
    /* line 51, website/static/website/css/__common__/header.scss */
    .navbar .navbar-nav a {
      font-family: "Poiret One", serif !important;
      font-weight: 700;
      font-style: normal;
      color: #f5f5f5; }
      /* line 57, website/static/website/css/__common__/header.scss */
      .navbar .navbar-nav a.active {
        opacity: 1; }
        /* line 60, website/static/website/css/__common__/header.scss */
        .navbar .navbar-nav a.active:hover {
          color: #f5f5f5; }
      /* line 65, website/static/website/css/__common__/header.scss */
      .navbar .navbar-nav a:hover {
        opacity: 1;
        color: #01C26E; }
    /* line 71, website/static/website/css/__common__/header.scss */
    .navbar .navbar-nav .ms-auto {
      margin-left: none; }
    /* line 75, website/static/website/css/__common__/header.scss */
    .navbar .navbar-nav .nav-item {
      padding: 0 1vw;
      /* Add spacing of 1vw to the left and right */
      position: relative;
      /* Ensure pseudo-element positioning works */ }
    /* line 80, website/static/website/css/__common__/header.scss */
    .navbar .navbar-nav .nav-item:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      /* Position the line on the right */
      transform: translateY(-50%);
      height: 80%;
      /* Adjust height of the line */
      width: 0.15vw;
      /* Thin vertical line */
      background-color: #f5f5f5;
      /* Light color for the line */ }
    /* line 91, website/static/website/css/__common__/header.scss */
    .navbar .navbar-nav .nav-item:first-child {
      padding-left: 0;
      /* Remove extra left spacing */ } }

/* Mobile - 1023px */
@media only screen and (max-width: 63.9375rem) {
  /* line 100, website/static/website/css/__common__/header.scss */
  .navbar {
    color: black !important; }
    /* line 104, website/static/website/css/__common__/header.scss */
    .navbar .offcanvas {
      background-color: #f5f5f5; }
    /* line 108, website/static/website/css/__common__/header.scss */
    .navbar .logo img {
      opacity: 1 !important;
      width: 20vw;
      height: auto; }
    /* line 114, website/static/website/css/__common__/header.scss */
    .navbar .contact {
      display: none; }
    /* line 118, website/static/website/css/__common__/header.scss */
    .navbar .navbar-nav {
      position: relative;
      top: 50%;
      transform: translate(0%, -50%);
      text-align: center; }
    /* line 126, website/static/website/css/__common__/header.scss */
    .navbar .offcanvas-header button {
      font-size: 7vw; }
    /* line 131, website/static/website/css/__common__/header.scss */
    .navbar a {
      font-weight: 600;
      font-size: 4vh;
      margin-bottom: 3vh;
      color: #1d1d1d !important; }
      /* line 137, website/static/website/css/__common__/header.scss */
      .navbar a.active {
        color: #01C26E !important; } }