/* 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/home/about.scss */
.about {
  background-color: #1d1d1d; }
  /* line 8, website/static/website/css/home/about.scss */
  .about .initial_view .hero_text span {
    color: #c5ac75;
    background-color: #1e242a;
    border-radius: 0.3vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw; }
  /* line 18, website/static/website/css/home/about.scss */
  .about .final_view {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 95dvh;
    color: #f5f5f5; }
    /* line 27, website/static/website/css/home/about.scss */
    .about .final_view .cursor {
      display: inline-block;
      width: 10px;
      height: 1rem;
      background-color: #333;
      margin-left: 2px;
      animation: blink 0.8s steps(2) infinite; }

@keyframes blink {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0; } }
    /* line 47, website/static/website/css/home/about.scss */
    .about .final_view .skills_section .divider, .about .final_view .skills_section .tools .row .item .item_divider, .about .final_view .skills_section .tools .row .divider_1, .about .final_view .skills_section .horizontal_divider, .about .final_view .skills_section .vertical_divider {
      background-color: rgba(114, 114, 114, 0.3);
      border-radius: 1vw; }
    /* line 58, website/static/website/css/home/about.scss */
    .about .final_view .skills_section .expertise .title {
      color: #f5f5f5;
      text-align: center;
      font-size: 2vw; }
    /* line 64, website/static/website/css/home/about.scss */
    .about .final_view .skills_section .expertise .item {
      position: relative;
      left: 50%;
      transform: translate(-50%, 0%);
      padding: 1vw;
      width: 85%; }
      /* line 71, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .expertise .item h1 {
        font-size: 1vw; }
      /* line 75, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .expertise .item .progress_bar {
        border: none; }
      /* line 79, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .expertise .item .ai {
        background-color: #2196F3; }
      /* line 83, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .expertise .item .web {
        background-color: #FF9800; }
    /* line 89, website/static/website/css/home/about.scss */
    .about .final_view .skills_section .horizontal_divider {
      position: relative;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 80%;
      height: 0.5vh;
      margin-top: 1vh;
      margin-bottom: 1vh; }
    /* line 100, website/static/website/css/home/about.scss */
    .about .final_view .skills_section .tools {
      position: relative;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 90%;
      margin-top: 1vw; }
      /* line 107, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .tools .title {
        color: #f5f5f5;
        text-align: center;
        font-size: 2vw;
        margin: 1vw; }
      /* line 114, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .tools .row {
        --bs-gutter-x: 0; }
        /* line 117, website/static/website/css/home/about.scss */
        .about .final_view .skills_section .tools .row .divider_1 {
          position: absolute;
          left: 50%;
          transform: translate(-50%, 0%);
          width: 0.5vh;
          height: 90%; }
        /* line 129, website/static/website/css/home/about.scss */
        .about .final_view .skills_section .tools .row .item .item_divider {
          position: relative;
          width: 80%;
          height: 0.5vh;
          margin-bottom: 1vh;
          left: 50%;
          transform: translate(-50%, 0%); }

/* line 147, website/static/website/css/home/about.scss */
.final_view {
  display: none; }

/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  /* line 160, website/static/website/css/home/about.scss */
  .initial_view .hero_text {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -20%);
    color: #f5f5f5;
    text-align: center; }
  /* line 169, website/static/website/css/home/about.scss */
  .initial_view .run_button {
    display: none; }
  /* line 173, website/static/website/css/home/about.scss */
  .initial_view .code_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50vw;
    height: 20vh;
    background-color: #252526;
    border-radius: 0.5vw; }
    /* line 183, website/static/website/css/home/about.scss */
    .initial_view .code_container .line {
      position: absolute;
      height: 100%;
      width: 0.2vw;
      border-radius: 90vw;
      background-color: #007fd4;
      left: -4vw; }
    /* line 192, website/static/website/css/home/about.scss */
    .initial_view .code_container .run_button_area {
      position: absolute;
      width: 4vw;
      left: -4vw;
      height: 100%; }
      /* line 198, website/static/website/css/home/about.scss */
      .initial_view .code_container .run_button_area .run_button {
        justify-content: center;
        display: flex;
        margin-top: 0vh;
        cursor: pointer; }
        /* line 204, website/static/website/css/home/about.scss */
        .initial_view .code_container .run_button_area .run_button i {
          color: white;
          transform: rotate(90deg);
          font-size: 1.5vw; }
      /* line 211, website/static/website/css/home/about.scss */
      .initial_view .code_container .run_button_area .bracket {
        justify-content: center;
        display: flex;
        margin-top: 130%; }
        /* line 216, website/static/website/css/home/about.scss */
        .initial_view .code_container .run_button_area .bracket code {
          font-size: 1vw;
          opacity: 0.5; }
    /* line 223, website/static/website/css/home/about.scss */
    .initial_view .code_container .hero_code {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 1.5vw;
      width: 100%;
      text-align: center; }
  /* line 237, website/static/website/css/home/about.scss */
  .final_view .download_cv_button_mobile {
    display: none; }
  /* line 241, website/static/website/css/home/about.scss */
  .final_view .bio_section {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 0;
    width: 60%; }
    /* line 248, website/static/website/css/home/about.scss */
    .final_view .bio_section .download_cv_button_desktop {
      position: relative;
      left: 50%;
      transform: translate(-50%);
      margin-top: 1vw;
      width: 12.5vw;
      background-color: transparent;
      border: 0.1vw solid #01C26E;
      color: #01C26E;
      height: 6vh;
      opacity: 0; }
      /* line 260, website/static/website/css/home/about.scss */
      .final_view .bio_section .download_cv_button_desktop p {
        font-size: 1vw;
        font-weight: 600;
        margin: 0;
        opacity: 0; }
      /* line 267, website/static/website/css/home/about.scss */
      .final_view .bio_section .download_cv_button_desktop:hover {
        background-color: #01C26E;
        color: #f5f5f5; }
  /* line 275, website/static/website/css/home/about.scss */
  .final_view .skills_section {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-100%, -50%);
    width: 40%; }
    /* line 282, website/static/website/css/home/about.scss */
    .final_view .skills_section .vertical_divider {
      position: absolute;
      width: 0.5vh;
      height: 100%;
      margin-left: 2.5%; }
    /* line 293, website/static/website/css/home/about.scss */
    .final_view .skills_section .tools .row .item h1 {
      font-size: 1vw; }
    /* line 300, website/static/website/css/home/about.scss */
    .final_view .skills_section .tools .row .item .values .col {
      margin-left: 1.75vw;
      margin-bottom: 0.7vh;
      text-align: left;
      font-size: 0.9vw; } }

/* Mobile - 1023px */
@media only screen and (max-width: 63.9375rem) {
  /* line 320, website/static/website/css/home/about.scss */
  .about .initial_view .hero_text {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
    color: #f5f5f5;
    text-align: center;
    width: 90%; }
  /* line 331, website/static/website/css/home/about.scss */
  .about .initial_view .code_container {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -55%);
    width: 90vw;
    height: 20vh;
    background-color: #252526;
    border-radius: 0.5vw; }
    /* line 341, website/static/website/css/home/about.scss */
    .about .initial_view .code_container .run_button {
      position: relative;
      margin-top: 3vh;
      top: 100%;
      left: 50%;
      transform: translate(-50%);
      width: 50%;
      padding: 3vw;
      cursor: pointer;
      background: linear-gradient(45deg, #32CD32, #228B22, #00FF7F);
      background-size: 300%;
      animation: gradientMove 3s infinite;
      box-shadow: 0 4px 15px rgba(50, 205, 50, 0.3);
      transition: transform 0.2s, box-shadow 0.2s;
      font-weight: 900; }
  @keyframes gradientMove {
    0% {
      background-position: 0% 50%; }
    50% {
      background-position: 100% 50%; }
    100% {
      background-position: 0% 50%; } }
    /* line 370, website/static/website/css/home/about.scss */
    .about .initial_view .code_container .line {
      display: none; }
    /* line 374, website/static/website/css/home/about.scss */
    .about .initial_view .code_container .run_button_area {
      display: none; }
    /* line 378, website/static/website/css/home/about.scss */
    .about .initial_view .code_container .hero_code {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 3.5vw;
      width: 100%;
      text-align: center; }
  /* line 392, website/static/website/css/home/about.scss */
  .about .final_view .download_cv_button_desktop {
    display: none; }
  /* line 396, website/static/website/css/home/about.scss */
  .about .final_view .bio_section {
    position: absolute;
    margin-top: 0vh;
    left: 0;
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 1.5vh; }
    /* line 406, website/static/website/css/home/about.scss */
    .about .final_view .bio_section h1 {
      font-size: 2.5vh; }
  /* line 411, website/static/website/css/home/about.scss */
  .about .final_view .skills_section {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 100%; }
    /* line 421, website/static/website/css/home/about.scss */
    .about .final_view .skills_section .expertise .title {
      display: none; }
    /* line 425, website/static/website/css/home/about.scss */
    .about .final_view .skills_section .expertise .item {
      padding: 1vh;
      width: 90%; }
      /* line 429, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .expertise .item h1 {
        font-size: 3vw; }
    /* line 435, website/static/website/css/home/about.scss */
    .about .final_view .skills_section .horizontal_divider {
      width: 90%; }
    /* line 439, website/static/website/css/home/about.scss */
    .about .final_view .skills_section .tools {
      position: relative;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 90%;
      margin-top: 0vh;
      margin-bottom: 3.5vh; }
      /* line 447, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .tools .last_divider {
        display: none; }
      /* line 451, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .tools .version_control {
        display: none; }
      /* line 455, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .tools .row {
        --bs-gutter-x: 0; }
        /* line 461, website/static/website/css/home/about.scss */
        .about .final_view .skills_section .tools .row .item .item_divider {
          width: 90%;
          margin-top: 1vh;
          margin-bottom: 1.5vh; }
        /* line 469, website/static/website/css/home/about.scss */
        .about .final_view .skills_section .tools .row .item h1 {
          font-size: 3vw; }
        /* line 476, website/static/website/css/home/about.scss */
        .about .final_view .skills_section .tools .row .item .values .col {
          margin-left: 1.75vw;
          margin-bottom: 0.7vh;
          text-align: left;
          font-size: 3.3vw;
          width: 100%; }
    /* line 488, website/static/website/css/home/about.scss */
    .about .final_view .skills_section .download_cv_button_mobile {
      position: relative;
      left: 50%;
      transform: translate(-50%);
      width: 50vw;
      background-color: #01C26E;
      color: #f5f5f5;
      border: none;
      opacity: 1;
      text-align: center;
      height: 4vh; }
      /* line 500, website/static/website/css/home/about.scss */
      .about .final_view .skills_section .download_cv_button_mobile p {
        top: 50%;
        font-size: 4vw;
        font-weight: 600;
        margin: 0;
        opacity: 0; } }