/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --spacing: 0.25rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
    }
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-\[1\.4rem\] {
    height: 1.4rem;
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-\[1\.4rem\] {
    width: 1.4rem;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-\[1\.6rem\] {
    gap: 1.6rem;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-green-200 {
    border-color: var(--color-green-200);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .text-center {
    text-align: center;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  @media (width >= 64rem) {
    .lg\:hidden {
      display: none;
    }
  }
  @media (width >= 64rem) {
    .lg\:h-\[1\.2rem\] {
      height: 1.2rem;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[1\.2rem\] {
      width: 1.2rem;
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-\[0\.64rem\] {
      gap: 0.64rem;
    }
  }
}
@font-face {
  font-family: "Hurme Geometric Sans";
  src: url("/fonts/Hurme Geometric Sans.otf");
}
@font-face {
  font-family: "Hurme Geometric Sans Bold";
  src: url("/fonts/Hurme Geometric Sans Bold.ttf");
}
@font-face {
  font-family: "Hurme Geometric Sans SemiBold";
  src: url("/fonts/Hurme Geometric Sans SemiBold.ttf");
}
body::-webkit-scrollbar {
  width: 0.5rem;
}
body::-webkit-scrollbar:hover {
  width: 1rem;
}
body::-webkit-scrollbar-track {
  background: #252422;
}
body::-webkit-scrollbar-thumb {
  background: rgba(250, 248, 244, 0.05);
}
body::-webkit-scrollbar-thumb:hover {
  background: rgba(250, 248, 244, 0.2);
}
html {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  font-size: 62.5%;
  color: #bebdbd;
}
@media (min-width: 320px) and (max-width: 390px) {
  html {
    font-size: 48%;
  }
}
@media (min-width: 390px) and (max-width: 480px) {
  html {
    font-size: 50%;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  html {
    font-size: 50%;
  }
}
@media (min-width: 1024px) and (max-width: 1366px) {
  html {
    font-size: 56%;
  }
}
.no-highlight {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.no-highlight:focus {
  outline: none !important;
}
body {
  --linkedin-bg: #d45524;
  --linkedin-in: #252422;
  font-family: "Hurme Geometric Sans", sans-serif;
  background-color: #252422;
  min-height: 100vh;
  height: 100%;
  display: flex;
  flex-direction: column;
}
body .container {
  width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
}
@media all and (min-width: 320px) and (max-width: 480px) {
  body .container {
    padding: 0 2.4rem;
  }
}
@media all and (min-width: 480px) and (max-width: 576px) {
  body .container {
    padding: 0 2.4rem;
  }
}
@media all and (min-width: 576px) and (max-width: 768px) {
  body .container {
    padding: 0 6.4rem;
  }
}
@media all and (min-width: 768px) and (max-width: 960px) {
  body .container {
    max-width: 80rem;
    padding: 0 4rem;
  }
}
@media all and (min-width: 960px) and (max-width: 1024px) {
  body .container {
    max-width: 104rem;
    padding: 0 4rem;
  }
}
@media all and (min-width: 1024px) and (max-width: 1280px) {
  body .container {
    max-width: 120rem;
    padding: 0 4rem;
  }
}
@media all and (min-width: 1280px) and (max-width: 1440px) {
  body .container {
    max-width: 128rem;
    padding: 0 4rem;
  }
}
@media all and (min-width: 1440px) and (max-width: 1920px) {
  body .container {
    padding: 0;
    max-width: 128rem;
  }
}
@media all and (min-width: 1920px) {
  body .container {
    max-width: 128rem;
  }
}
body .layout {
  height: 100%;
  width: 100%;
  display: block;
}
body .layout-page {
  flex: 1;
  width: 100%;
  padding-top: 10vh;
}
@keyframes navbar-blink-underscore {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 10vh;
  position: relative;
  font-family: "Fira Code", monospace;
}
.navbar__fixed {
  background-color: #252422;
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0;
}
.navbar__menu {
  display: none;
}
.navbar__logo {
  font-size: 2.1rem;
}
.navbar__logo a {
  font-size: 2.1rem;
  font-weight: 900;
  cursor: pointer;
  color: #ffffff;
  font-family: inherit;
}
.navbar__logo a span {
  color: #d45524;
}
.navbar__logo a:hover {
  color: #d45524;
}
.navbar__nav {
  display: flex;
  justify-content: space-between;
}
.navbar__list {
  display: flex;
  align-items: center;
}
.navbar__list > *:not(:first-child) {
  margin-left: 4.8rem;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .navbar__list > *:not(:first-child) {
    margin-left: 2.4rem;
  }
}
.navbar__item {
  list-style: none;
  font-size: 2.1rem;
}
.navbar__item > *:hover {
  color: #d45524;
  transition: text-shadow 0.3s;
  text-shadow: 0 0 0.1rem #d45524, 0 0 0.1rem #d45524;
}
.navbar__item a {
  color: #ffffff;
}
.navbar__portfolio a, .navbar__resume a, .navbar__about a {
  color: #d45524;
  font-family: inherit;
}
.navbar__portfolio a::before, .navbar__resume a::before, .navbar__about a::before {
  content: "_";
  display: inline-block;
  margin-right: 0.2rem;
  animation: navbar-blink-underscore 1s steps(1, end) infinite;
}
.navbar__theme {
  list-style: none;
}
.navbar__mobile-actions {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.navbar__mobile-actions .navbar__theme {
  display: none;
}
.navbar__theme-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.2s, stroke 0.2s;
}
.navbar__theme-btn svg {
  width: 2.2rem;
  height: 2.2rem;
  stroke: #faf8f4;
  fill: none;
}
.navbar__theme-btn:hover {
  background-color: rgba(190, 189, 189, 0.12);
}
.navbar__theme-btn:hover svg {
  stroke: #d45524;
}
.navbar__active {
  position: absolute;
  height: 100vh;
  width: 100vw;
  top: 0;
  background-color: rgba(7, 7, 7, 0.95);
}
.navbar__active__nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.navbar__active__list > *:not(:last-child) {
  margin-bottom: 2.4rem;
}
.navbar__active__item {
  font-size: 8rem;
  font-family: "Fira Code", monospace;
  font-weight: 900;
  color: #ffffff;
}
.navbar__active__item span {
  font-size: 2.1rem;
  margin-right: 1.6rem;
  color: #fbc89c;
}
.navbar__active__item.navbar__portfolio a::before, .navbar__active__item.navbar__resume a::before, .navbar__active__item.navbar__about a::before {
  content: "_";
  display: inline-block;
  margin-right: 0.6rem;
  animation: navbar-blink-underscore 1s steps(1, end) infinite;
}
.header-shell {
  position: sticky;
  top: 10vh;
  z-index: 5;
  margin-bottom: 4rem;
}
.header {
  position: relative;
  height: 16rem;
  width: 100%;
  border-radius: 0.5rem;
  background-color: #fbc89c;
  display: flex;
  align-items: center;
  padding-left: 2.4rem;
  overflow: hidden;
}
.header__title {
  position: relative;
  z-index: 1;
}
.header__title h4 {
  color: #353432;
}
.header__image {
  position: absolute;
  right: -6%;
  top: 50%;
  z-index: 0;
  width: 52%;
  transform: translateY(-45%) rotate(-30deg);
  pointer-events: none;
}
.header__image svg {
  display: block;
  width: 100%;
  height: 48rem;
  fill: #d45524;
}
.header__image svg path {
  fill: inherit;
  fill-opacity: 0.18;
}
@media (min-width: 1025px) {
  .header {
    padding-left: 0;
  }
  .header__title {
    display: none;
  }
}
.about + .copyright {
  padding-top: 0;
}
.copyright {
  padding: 3.2rem 0 3.2rem 0;
  margin-top: auto;
}
.copyright__design p {
  text-transform: capitalize;
}
.copyright__design p span {
  color: #fbc89c;
  font-weight: 700;
}
.copyright__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0.8rem 0;
}
.copyright__list > *:not(:last-child) {
  margin-right: 1.6rem;
}
.copyright__list li {
  list-style: none;
}
.copyright__list li a {
  display: flex;
  align-items: center;
}
.copyright__list li svg {
  fill: #d45524;
  height: 1.6rem;
  width: 1.6rem;
  margin-right: 0.4rem;
}
.copyright__list li a[href*="linkedin.com"] svg {
  fill: none;
}
.copyright__list li a[href^="mailto:"] svg {
  fill: none;
  color: #d45524;
}
.copyright__list li p {
  text-transform: capitalize;
  padding-top: 0.4rem;
}
.copyright__list li p:hover {
  color: #faf8f4;
}
.copyright p {
  font-size: 1.8rem;
  font-weight: 500;
}
button {
  width: 22.1rem;
  height: 6.4rem;
  border: none;
  cursor: pointer;
  border-radius: 0.5rem;
  background-color: #d45524;
  font-size: 2.1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
}
input {
  font-size: 2.1rem;
  text-transform: lowercase;
  line-height: 1.95rem;
  height: 6.4rem;
  border-radius: 0.5rem;
  padding: 0 1.6rem;
  background: transparent;
  color: #bebdbd;
  background-color: #353432;
  outline: none;
  border: none;
  text-transform: none;
}
textarea {
  outline: none;
  font-size: 2.1rem;
  text-transform: lowercase;
  border-radius: 0.5rem;
  height: 22.4rem;
  padding: 1.6rem;
  color: #bebdbd;
  background-color: #353432;
  border-color: transparent;
  text-transform: none;
}
input:focus, textarea:focus {
  background-color: #faf8f4;
  color: #252422;
}
pre {
  background-color: #353432;
  border-left: 1rem solid rgba(250, 248, 244, 0.8);
  margin: 1.6rem 0;
  padding: 1.6rem;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  font-family: "Fira Code", monospace;
}
@media all and (min-width: 320px) and (max-width: 576px) {
  pre {
    overflow-x: scroll;
  }
}
.pt-16 {
  padding-top: 16rem;
}
.hide {
  display: none;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Fira Code", monospace;
  font-weight: 900;
}
h1 {
  font-size: 7.2rem;
}
h2 {
  font-size: 6.7rem;
}
h3 {
  font-size: 5rem;
}
h4 {
  font-size: 2.8rem;
}
h5 {
  font-size: 2.1rem;
  line-height: 3rem;
}
h6 {
  font-size: 1.8rem;
}
p {
  text-transform: lowercase;
  font-size: 1.8rem;
}
.about {
  padding-bottom: 1.6rem;
}
.about__headline {
  display: flex;
  align-items: center;
  gap: 4.8rem;
  margin-bottom: 4rem;
}
.about__photo {
  position: relative;
  width: 16rem;
  height: 16rem;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  background-color: #faf8f4;
}
.about__photo img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about__hello {
  flex: 1;
  min-width: 0;
  font-family: "Hurme Geometric Sans Bold", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: none;
  color: #fbc89c;
  margin: 0;
}
.about__bio {
  margin-bottom: 4rem;
}
.about__bio p {
  font-family: "Hurme Geometric Sans", sans-serif;
  font-size: 2.1rem;
  text-transform: none;
  text-align: justify;
  color: #bebdbd;
  margin-bottom: 1.6rem;
}
.about__bio p:last-child {
  margin-bottom: 0;
}
.form__content {
  display: flex;
  justify-content: space-between;
}
.form__text {
  width: 51%;
}
.form__text h1 {
  width: 100%;
  margin-bottom: 2.4rem;
  color: #ffffff;
}
.form__text h1 span {
  color: #d45524;
  font-family: "Fira Code", monospace;
}
.form__text p::first-letter {
  text-transform: capitalize;
}
.form__input {
  margin-top: 2.4rem;
  width: 40%;
}
.form__input > * {
  width: 100%;
}
.form__input > *:not(:last-child) {
  margin-bottom: 3.2rem;
}
.form__input > *:last-child {
  width: 31.26%;
}
.form__input .group {
  display: flex;
  justify-content: space-between;
}
.form__input .group > * {
  width: 46.8%;
}
.success {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  height: 100vh;
  width: 100vw;
  background-color: rgba(11, 11, 10, 0.95);
  align-items: center;
  justify-content: center;
}
.success__main {
  padding: 4rem 2.4rem;
  border-radius: 0.5rem;
  width: 25%;
  background-color: #faf8f4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.success__main > * {
  color: #252422;
}
.success__main h5 {
  text-transform: lowercase;
  font-weight: 700;
}
.success__main p {
  text-transform: none;
  text-align: center;
  font-weight: 600;
}
.success__main a {
  font-size: 1.6rem;
  margin-top: 1.6rem;
  text-transform: lowercase;
  font-family: "Fira Code", monospace;
  color: #d45524;
  font-weight: 700;
}
.success__main hr {
  height: 0.2rem;
  background: #fbc89c;
  width: 50%;
  border: none;
  margin: 1rem 0;
}
.success__icon {
  height: 8rem;
  width: 8rem;
  margin-bottom: 3.2rem;
  border-radius: 100%;
  background-color: #5cb85c;
  border: 0.4rem solid #376e37;
  display: flex;
  justify-content: center;
  align-items: center;
}
.success__icon svg {
  height: 50%;
  width: 50%;
  fill: #faf8f4;
}
.post {
  padding-top: 10vh;
}
.post__heading {
  margin-bottom: 3.2rem;
}
.post__heading h4 {
  color: #d45524;
}
.post__row {
  display: flex;
  flex-wrap: wrap;
  gap: 5.12%;
}
.post__card {
  background-color: #353432;
  border-radius: 0.5rem;
  padding: 1.6rem;
  width: 29.91%;
  cursor: pointer;
}
.post__card > *:not(:last-child) {
  margin-bottom: 0.8rem;
}
.post__card h4 {
  font-family: "Hurme Geometric Sans", sans-serif;
  color: #ffffff;
  text-transform: lowercase;
}
.post__card p {
  text-transform: none;
}
.post__card a {
  color: rgba(251, 200, 156, 0.8);
  font-size: 1.6rem;
  text-transform: lowercase;
}
.post__card a:hover {
  color: #d45524;
}
[x-cloak] {
  display: none !important;
}
.blog-list__list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 100%;
}
.blog-list__empty {
  text-transform: none;
  color: #bebdbd;
}
.blog-list__card {
  background-color: #353432;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.05);
  padding: 1.6rem;
  cursor: pointer;
  width: 100%;
}
.blog-list__card > *:not(:last-child) {
  margin-bottom: 0.8rem;
}
.blog-list__card-title {
  font-family: "Hurme Geometric Sans", sans-serif;
  color: #ffffff;
  text-transform: capitalize;
}
.blog-list__card-excerpt {
  text-transform: none;
  color: #bebdbd;
}
.blog-list__card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  font-family: "Hurme Geometric Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: none;
  color: #fbc89c;
}
.blog-list__card-meta a {
  color: #fbc89c;
  font-weight: inherit;
}
.blog-list__card-meta a:hover {
  color: #d45524;
}
.blog-list__card-meta .blog-list__card-read-more {
  color: #d45524;
  font-weight: inherit;
}
.blog-list__card-meta .blog-list__card-read-more:hover {
  color: #d45524;
}
.blog-list__card-sep {
  color: #fbc89c;
}
.blog-list__pagination {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 4.8rem;
}
.blog-list__page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.4rem;
  height: 2.4rem;
  font-size: 1.6rem;
  color: #d45524;
  text-transform: none;
}
.blog-list__page.is-active {
  background-color: #d45524;
  color: #ffffff;
  border-radius: 0.2rem;
}
.blog-list__page:hover:not(.is-active) {
  color: #fbc89c;
}
body {
  cursor: none;
}
#cursor-inner {
  width: 0.8rem;
  height: 0.8rem;
  background-color: rgb(212, 85, 36);
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: transform 0.15s ease-out;
}
#cursor-outer {
  width: 2.4rem;
  height: 2.4rem;
  background-color: rgba(249, 177, 113, 0.1);
  border: 0.05rem solid rgba(249, 177, 113, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 50%;
  z-index: 9998;
  transform: translate(-50%, -50%);
  transition: transform 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
}
#cursor-inner.is-hover {
  transform: translate(-50%, -50%) scale(0.7);
}
#cursor-outer.is-hover {
  transform: translate(-50%, -50%) scale(4);
}
@media (min-width: 320px) and (max-width: 768px) {
  body {
    cursor: auto;
  }
  #cursor-inner, #cursor-outer {
    display: none;
  }
}
.resume__heading {
  margin-bottom: 2.4rem;
  color: #d45524;
}
.resume__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.resume__content > * {
  width: 42.5%;
}
.resume p {
  text-transform: none;
}
.resume__left > *:not(:last-child) {
  margin-bottom: 2.4rem;
}
.resume__right > *:not(:last-child) {
  margin-bottom: 2.4rem;
}
.resume__card > *:not(:last-child) {
  margin-bottom: 0.8rem;
}
.resume__card h6 {
  color: #d45524;
}
.resume__card .date {
  color: #fbc89c;
  font-size: 1.4rem;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
}
.resume__card .description {
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 700;
}
.resume__card ul {
  list-style: none;
}
.resume__card ul li {
  margin-bottom: 0.8rem;
  display: flex;
}
.resume__card ul li span {
  color: #d45524;
  font-size: 1.6rem;
  font-weight: 600;
  margin-right: 0.8rem;
}
.resume__external {
  display: flex;
  background-color: #353432;
  padding: 1.6rem;
  border-radius: 0.5rem;
  margin-bottom: 3.2rem;
}
.resume__external li {
  list-style: none;
  display: flex;
  align-items: center;
  margin-right: 1.6rem;
  height: 2.4rem;
}
.resume__external li svg {
  fill: #fbc89c;
  height: 2.4rem;
  width: 2.4rem;
  margin-right: 0.8rem;
}
.resume__external li a {
  font-size: 1.8rem;
  height: 2.4rem;
  margin-top: 0.3rem;
}
.resume__external li:hover a {
  color: #ffffff;
}
.works__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4rem;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .works__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.works__heading {
  margin-bottom: 3.2rem;
}
.works h4 {
  color: #d45524;
}
.works__card {
  background-color: #2f2e2d;
  border-radius: 0.5rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.05);
  padding: 1.6rem;
  width: 100%;
  cursor: pointer;
}
.works__card > *:not(:last-child) {
  margin-bottom: 0.8rem;
}
.works__card h5 {
  font-weight: 500;
  color: #ffffff;
  font-family: "Hurme Geometric Sans", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
}
.works__card p {
  text-transform: unset;
}
.works__card p:nth-of-type(2) {
  text-transform: capitalize;
  color: #fbc89c;
}
.works__card__group {
  display: flex;
  gap: 0 1.6rem;
}
.works__card__project {
  display: flex;
  align-items: center;
  gap: 0 0.8rem;
  cursor: pointer;
}
.works__card__project svg {
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  stroke: #d45524;
  fill: none;
}
.works__card__project p {
  font-size: 1.4rem;
  margin: 0;
  color: rgba(250, 248, 244, 0.5);
  padding-top: 0.4rem;
}
.works__card__project:hover p {
  color: #faf8f4;
}
.works__card__project:hover svg {
  stroke: #d45524;
}
.works__card__code {
  display: flex;
  align-items: center;
  gap: 0 0.8rem;
  cursor: pointer;
}
.works__card__code svg {
  height: 1.6rem;
  width: 1.6rem;
  margin: 0;
  fill: rgba(212, 85, 36, 0.5);
  stroke: none;
}
.works__card__code p {
  font-size: 1.4rem;
  margin: 0;
  color: rgba(250, 248, 244, 0.5);
}
.works__card__code:hover p {
  color: #faf8f4;
}
.works__card__code:hover svg {
  fill: #d45524;
}
.blog__shell {
  display: flex;
  gap: 4rem;
  width: 100%;
}
.blog__left {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.blog__right {
  display: flex;
  flex-direction: column;
  width: 20%;
  flex-shrink: 0;
  align-self: flex-start;
}
.blog__right > *:not(:last-child) {
  margin-bottom: 4.8rem;
}
@media (min-width: 1025px) {
  .blog__right {
    position: sticky;
    top: calc(10vh + 16rem + 4rem);
  }
}
.blog__search {
  width: 100%;
}
.blog__search--main {
  display: none;
  margin-bottom: 3.2rem;
}
@media (min-width: 1025px) {
  .blog__search--aside {
    display: none;
  }
  .blog__search--main {
    display: block;
  }
}
.blog__search-field {
  display: flex;
  align-items: center;
  height: 6.4rem;
  gap: 1.2rem;
  padding: 0 1.6rem;
  border: 0.2rem solid rgba(251, 200, 156, 0.6);
  border-radius: 0.5rem;
}
.blog__search-clear svg {
  width: 3.2rem;
  height: 3.2rem;
  flex-shrink: 0;
  stroke: #fbc89c;
  fill: none;
}
.blog__search-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  color: #fbc89c;
}
.blog__search-clear svg {
  color: #fbc89c;
}
.blog__search-clear:hover svg {
  stroke: #d45524;
  color: #d45524;
}
.blog__search-input {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: none;
  background: transparent;
  background-color: transparent;
  font-family: "Hurme Geometric Sans", sans-serif;
  font-size: 2.1rem;
  font-weight: 500;
  color: #ffffff;
  outline: none;
}
.blog__search-input::-webkit-search-cancel-button, .blog__search-input::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.blog__search-input::-ms-clear {
  display: none;
}
.blog__search-input:focus {
  background-color: transparent;
  color: #ffffff;
  border: none;
}
.blog__search-input:focus::placeholder, .blog__search-input:focus::-webkit-input-placeholder, .blog__search-input:focus::-moz-placeholder {
  opacity: 0;
  color: transparent;
}
.blog__heading {
  margin-bottom: 3.2rem;
  width: 100%;
}
.blog__heading > *:not(:last-child) {
  margin-bottom: 0.8rem;
}
.blog__heading p {
  color: #bebdbd;
  text-transform: unset;
}
.blog__heading a {
  color: #fbc89c;
  text-transform: capitalize !important;
  font-weight: 700;
}
.blog__heading a:hover {
  color: #d45524;
}
.blog__categories, .blog__tags, .blog__date, .blog__share {
  display: flex;
  flex-direction: column;
}
.blog__categories > *:not(:last-child), .blog__tags > *:not(:last-child), .blog__date > *:not(:last-child), .blog__share > *:not(:last-child) {
  margin-bottom: 1.6rem;
}
.blog__categories h6, .blog__tags h6, .blog__date h6, .blog__share h6 {
  font-family: "Hurme Geometric Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #ffffff;
  text-transform: capitalize;
}
.blog__categories hr, .blog__tags hr, .blog__date hr, .blog__share hr {
  width: 4rem;
  border: none;
  height: 0.2rem;
  background-color: #fbc89c;
}
.blog__categories ul, .blog__tags ul, .blog__date ul, .blog__share ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog__categories ul li, .blog__tags ul li, .blog__date ul li, .blog__share ul li {
  list-style: none;
  text-transform: capitalize;
}
.blog__categories ul li a.blog__aside-link, .blog__tags ul li a.blog__aside-link, .blog__date ul li a.blog__aside-link, .blog__share ul li a.blog__aside-link {
  font-size: 1.8rem;
  font-weight: 500;
  color: #ffffff;
  text-transform: capitalize;
  white-space: nowrap;
}
.blog__categories ul li a.blog__aside-link.is-active, .blog__tags ul li a.blog__aside-link.is-active, .blog__date ul li a.blog__aside-link.is-active, .blog__share ul li a.blog__aside-link.is-active {
  color: #d45524;
}
.blog__categories ul li a.blog__aside-link:hover:not(.is-active), .blog__tags ul li a.blog__aside-link:hover:not(.is-active), .blog__date ul li a.blog__aside-link:hover:not(.is-active), .blog__share ul li a.blog__aside-link:hover:not(.is-active) {
  color: #fbc89c;
}
.blog__categories ul li svg, .blog__tags ul li svg, .blog__date ul li svg, .blog__share ul li svg {
  fill: #ffffff;
  height: 2.4rem;
  width: 2.4rem;
}
.blog__categories h6, .blog__tags h6, .blog__date h6 {
  font-family: "Fira Code", monospace;
  text-transform: lowercase;
}
.blog__categories ul li a.blog__aside-link, .blog__tags ul li a.blog__aside-link, .blog__date ul li a.blog__aside-link {
  font-family: "Hurme Geometric Sans", sans-serif;
  text-transform: capitalize;
}
@media (min-width: 1025px) {
  .blog__categories ul li a.blog__aside-link, .blog__tags ul li a.blog__aside-link, .blog__date ul li a.blog__aside-link {
    font-size: 1.6rem;
  }
}
.blog__card {
  background-color: #353432;
  border-radius: 0.5rem;
  padding: 1.6rem;
  width: 46.87%;
  margin-bottom: 6.26%;
}
.blog__card > *:not(:last-child) {
  margin-bottom: 0.8rem;
}
.blog__card h4 {
  font-family: "Hurme Geometric Sans", sans-serif;
  color: #ffffff;
  text-transform: lowercase;
}
.blog__card p {
  text-transform: none;
}
.blog__card a {
  text-transform: lowercase;
  color: rgba(212, 85, 36, 0.8);
  font-size: 1.6rem;
}
.blog__card a:hover {
  color: #d45524;
}
.blogpost {
  margin-top: 10vh;
}
.blogpost__image {
  width: 100%;
  height: 57.6rem;
  border-radius: 0.5rem;
  margin-bottom: 5.6rem;
  overflow: hidden;
}
.blogpost__image img {
  width: 100%;
}
.blogpost__main {
  display: flex;
  justify-content: space-between;
}
.blogpost__aside {
  width: 20%;
  flex-shrink: 0;
}
.blogpost__aside > *:not(:last-child) {
  margin-bottom: 4rem;
}
.blogpost__code {
  position: relative;
  width: 100%;
}
.blogpost__code > pre, .blogpost__code > p {
  margin-block: 0;
  padding-right: 5.6rem;
}
.blogpost__code-copy {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
  border: none;
  border-radius: 0.2rem;
  background: transparent;
  color: #d45524;
  cursor: pointer;
  text-transform: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.blogpost__code-copy:hover {
  color: #252422;
}
.blogpost__code-copy svg {
  width: 1.8rem;
  height: 1.8rem;
  stroke: currentColor;
  fill: none;
}
.blogpost__code-copy.is-copied {
  color: #d45524;
}
.blogpost__code-copy.is-copied svg {
  fill: currentColor;
  stroke: none;
}
.blogpost__content p {
  line-height: 2.4rem;
  text-transform: unset;
  width: 100%;
}
.blogpost__content p img {
  width: 100%;
}
.blogpost__content p strong {
  color: #d45524;
}
.blogpost__content h3, .blogpost__content h4 {
  color: #fbc89c;
  font-family: "Hurme Geometric Sans", sans-serif;
  text-transform: capitalize;
}
.blogpost__content pre {
  width: 100%;
  margin-inline: 0;
  margin-block: 1.6rem;
  padding: 1.6rem;
  border: none;
  border-radius: 0.4rem;
  background-color: #faf8f4;
  color: #252422;
  font-family: "Fira Code", monospace;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  overflow-x: auto;
  box-sizing: border-box;
}
.blogpost__content pre code {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  background: transparent;
}
.blogpost__content p:has(> code:only-child) {
  width: 100%;
  margin-inline: 0;
  margin-block: 1.6rem;
  padding: 1.6rem;
  border: none;
  border-radius: 0.4rem;
  background-color: #faf8f4;
  color: #252422;
  font-family: "Fira Code", monospace;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  overflow-x: auto;
  box-sizing: border-box;
  text-transform: none;
}
.blogpost__content p:has(> code:only-child) code {
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  background: transparent;
  white-space: pre-wrap;
}
.blogpost__content > *:not(:last-child) {
  margin-bottom: 1.6rem;
}
.blogpost__content {
  width: 77.56%;
}
@keyframes not-found-blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
.not-found {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 2.4rem;
  background-color: #252422;
  box-sizing: border-box;
}
.not-found__content {
  width: 100%;
  max-width: 72rem;
  padding: 1.6rem;
  border: 0.1rem solid rgba(251, 200, 156, 0.35);
  border-radius: 0.4rem;
  box-sizing: border-box;
  text-align: left;
}
.not-found__titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  margin: -1.6rem -1.6rem 1.6rem;
  padding: 0.8rem 1.2rem 0.8rem 1.6rem;
  border-bottom: 0.1rem solid rgba(251, 200, 156, 0.2);
  border-radius: 0.4rem 0.4rem 0 0;
  background-color: rgba(0, 0, 0, 0.18);
}
.not-found__controls {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.not-found__control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #000000;
  color: #ffffff;
  transition: color 0.2s ease;
}
.not-found__control:hover {
  color: #d45524;
}
.not-found__control svg {
  width: 1rem;
  height: 1rem;
  display: block;
}
.not-found__shell, .not-found__host, .not-found__cwd, .not-found__time {
  font-family: "Fira Code", monospace;
  font-weight: 500;
  line-height: 1;
  color: rgba(250, 248, 244, 0.55);
  text-transform: none;
  white-space: nowrap;
}
.not-found__shell {
  font-size: 1.4rem;
}
.not-found__time {
  font-size: 1.4rem;
}
.not-found__status-dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #28c840;
  box-shadow: 0 0 0.6rem rgba(40, 200, 64, 0.45);
}
.not-found__icon {
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  flex-shrink: 0;
}
.not-found__icon--folder {
  color: rgba(251, 200, 156, 0.72);
}
.not-found__terminal {
  width: 100%;
}
.not-found__prompt-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  width: 100%;
}
.not-found__prompt-row--home {
  margin-top: 4rem;
}
.not-found__meta {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-shrink: 0;
}
.not-found__session {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
}
.not-found__line {
  margin: 0;
  font-family: "Fira Code", monospace;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  color: rgba(250, 248, 244, 0.72);
  text-transform: none;
}
.not-found__line + .not-found__line {
  margin-top: 0.8rem;
}
.not-found__line--command {
  min-width: 0;
}
.not-found__line--error {
  color: #fbc89c;
}
.not-found__host, .not-found__cwd {
  font-size: 1.4rem;
  color: rgba(250, 248, 244, 0.72);
}
.not-found__prompt {
  color: #d45524;
  font-weight: 600;
}
.not-found__neofetch {
  display: flex;
  align-items: stretch;
  gap: 2.4rem;
  margin-top: 3.2rem;
  width: 100%;
}
@media (max-width: 640px) {
  .not-found__neofetch {
    flex-direction: column;
    align-items: stretch;
    gap: 1.6rem;
  }
}
.not-found__code-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 12rem;
  padding: 1.6rem;
  border: 0.1rem solid rgba(251, 200, 156, 0.2);
  border-radius: 0.4rem;
  background-color: rgba(0, 0, 0, 0.18);
  box-sizing: border-box;
}
.not-found__code {
  margin: 0;
  font-family: "Fira Code", monospace;
  font-size: clamp(5rem, 12vw, 12rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #d45524;
  text-transform: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.not-found__specs {
  display: grid;
  align-content: center;
  gap: 0.4rem;
  margin: 0;
  min-width: 0;
  flex: 1;
}
.not-found__spec {
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  margin: 0;
  font-family: "Fira Code", monospace;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none;
}
.not-found__spec-label {
  flex-shrink: 0;
  margin: 0;
  color: #d45524;
  font-weight: 600;
}
.not-found__spec-label::after {
  content: ":";
}
.not-found__spec-value {
  margin: 0;
  min-width: 0;
  color: rgba(250, 248, 244, 0.72);
  word-break: break-word;
}
.not-found__home {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #d45524;
  text-decoration: none;
  text-transform: none;
  transition: color 0.2s ease;
}
.not-found__home:hover {
  color: #fbc89c;
}
.not-found__cursor {
  color: inherit;
  animation: not-found-blink 1s steps(1, end) infinite;
}
html.theme-light .not-found {
  background-color: #faf8f4;
}
html.theme-light .not-found__content {
  border-color: rgba(37, 36, 34, 0.2);
}
html.theme-light .not-found__titlebar {
  border-bottom-color: rgba(37, 36, 34, 0.12);
  background-color: rgba(37, 36, 34, 0.04);
}
html.theme-light .not-found__shell, html.theme-light .not-found__host, html.theme-light .not-found__cwd, html.theme-light .not-found__time {
  color: rgba(37, 36, 34, 0.45);
}
html.theme-light .not-found__host, html.theme-light .not-found__cwd {
  color: rgba(37, 36, 34, 0.65);
}
html.theme-light .not-found__icon--folder {
  color: rgba(212, 85, 36, 0.72);
}
html.theme-light .not-found__line {
  color: rgba(37, 36, 34, 0.65);
}
html.theme-light .not-found__line--error {
  color: #d45524;
}
html.theme-light .not-found__spec-value {
  color: rgba(37, 36, 34, 0.65);
}
html.theme-light .not-found__code-panel {
  border-color: rgba(37, 36, 34, 0.12);
  background-color: rgba(37, 36, 34, 0.04);
}
html.theme-light .not-found__home {
  color: #d45524;
}
html.theme-light .not-found__home:hover {
  color: #252422;
}
@media (min-width: 320px) and (max-width: 1024px) {
  h1 {
    font-size: 3.7rem;
  }
  h2 {
    font-size: 2.8rem;
  }
  h3 {
    font-size: 2.1rem;
  }
  h4 {
    font-size: 1.8rem;
  }
  h6 {
    font-size: 1.6rem;
  }
  p {
    font-size: 2.1rem;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .navbar {
    width: 100%;
    flex-direction: column;
    justify-content: center;
  }
  .navbar__nav {
    display: none;
  }
  .navbar__nav > *:not(:last-child) {
    margin-right: 2.4rem;
  }
  .navbar__list > *:not(:last-child) {
    margin-right: 2.4rem;
  }
  .navbar__mobile {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 100;
  }
  .navbar__mobile-actions .navbar__theme {
    display: list-item;
  }
  .navbar__menu {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
    border-radius: 100%;
    background-color: rgba(190, 189, 189, 0.1);
  }
  .navbar__menu svg {
    height: 2.4rem;
    width: 2.4rem;
    stroke: #faf8f4;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .navbar__list > *:not(:last-child) {
    margin-right: 1.4rem;
  }
  .navbar__item {
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .about__headline {
    flex-direction: row;
    align-items: center;
    gap: 1.6rem;
    text-align: left;
  }
  .about__photo {
    width: 10rem;
    height: 10rem;
  }
  .about__hello {
    flex: 1;
    min-width: 0;
    text-align: left;
    font-size: 2.4rem;
    line-height: 1.3;
  }
  .about__bio p {
    text-align: left;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .works {
    margin-top: 0;
    padding-top: 0;
    height: unset;
  }
  .works__grid {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  .works__grid > * {
    width: 100%;
  }
  .works__card h5 {
    font-weight: 700;
  }
  .works__card__link p {
    margin-top: 0.3rem;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .blog-list__card-meta {
    font-weight: 500;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .resume {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 4rem;
    height: unset;
  }
  .resume__content {
    flex-direction: column;
  }
  .resume__content > * {
    width: 100%;
  }
  .resume__content > *:not(:first-child) {
    width: 100%;
  }
  .resume__content > *:not(:last-child) {
    margin-bottom: 2.4rem;
  }
  .resume__card .date {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .form {
    margin-top: 0;
    padding-top: 0;
  }
  .form__content {
    flex-direction: column;
  }
  .form__content > * {
    width: 100%;
  }
  .form__content > *:not(:last-child) {
    margin-bottom: 4.8rem;
  }
  .form__text h1 {
    font-size: 5rem;
    margin-bottom: 2.4rem;
  }
  .form__input {
    margin-top: 0;
  }
  .form__input > *:last-child {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .form__text h1 {
    line-height: 11rem;
    font-size: 7.2rem;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .form__text h1 {
    font-size: 8rem;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .blog {
    margin-top: 0;
  }
  .blog__shell {
    flex-direction: column;
  }
  .blog__shell > * {
    width: 100%;
  }
  .blog__right {
    align-items: flex-start;
    margin-bottom: 4rem;
  }
  .blog__right > *:not(:last-child) {
    margin-bottom: 3.2rem;
  }
  .blog__categories, .blog__tags, .blog__date {
    width: 100%;
    flex-direction: column;
    padding: 1.6rem;
    background-color: rgba(59, 58, 56, 0.8);
    border-radius: 0.5rem;
  }
  .blog__categories > *:not(:last-child), .blog__tags > *:not(:last-child), .blog__date > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
  .blog__categories h6, .blog__tags h6, .blog__date h6 {
    color: #ffffff;
    font-family: "Fira Code", monospace;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    text-transform: lowercase;
  }
  .blog__categories hr, .blog__tags hr, .blog__date hr {
    width: 4rem;
    border: none;
    height: 0.2rem;
    background-color: #fbc89c;
  }
  .blog__categories ul, .blog__tags ul, .blog__date ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.8rem 1.2rem;
  }
  .blog__categories ul li a.blog__aside-link, .blog__tags ul li a.blog__aside-link, .blog__date ul li a.blog__aside-link {
    font-family: "Hurme Geometric Sans", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    color: #ffffff;
    text-transform: capitalize;
  }
  .blog__categories ul li a.blog__aside-link.is-active, .blog__tags ul li a.blog__aside-link.is-active, .blog__date ul li a.blog__aside-link.is-active {
    color: #d45524;
  }
  .blog__share {
    width: 100%;
    flex-direction: row;
    padding: 1.6rem;
    background-color: rgba(59, 58, 56, 0.8);
    border-radius: 0.5rem;
  }
  .blog__share > *:not(:last-child) {
    margin-right: 1.6rem;
    margin-bottom: 0;
  }
  .blog__share h6 {
    color: #ffffff;
    font-weight: unset;
  }
  .blog__share hr {
    width: 0.2rem;
    height: 2.2rem;
  }
  .blog__share ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .blog__share ul > *:not(:last-child) {
    margin-right: 1.6rem;
    margin-bottom: 0;
  }
  .blog__share ul li {
    color: #ffffff;
    font-weight: unset;
  }
  .blog__card {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .blogpost {
    margin-top: 10vh;
    padding-top: 0.8rem;
  }
  .blogpost__image {
    height: unset;
  }
  .blogpost__image img {
    width: 100%;
  }
  .blogpost__main {
    flex-direction: column;
  }
  .blogpost__main > * {
    width: 100%;
  }
  .blogpost__main > *:not(:last-child) {
    margin-bottom: 4rem;
  }
  .blogpost__aside {
    width: 100%;
  }
  .blogpost__aside > *:not(:last-child) {
    margin-bottom: 1.6rem;
  }
  .blogpost__content p {
    line-height: unset;
  }
}
.post {
  margin-top: 0;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .post__card {
    width: 100%;
    margin-bottom: 3.2rem;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .header__title h4 {
    font-size: 2.4rem;
    line-height: 1.2;
  }
  .header__image {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .copyright {
    align-items: flex-start;
  }
  .copyright__design p {
    text-align: left;
  }
  .copyright__list {
    justify-content: flex-start;
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .success__main {
    width: 80%;
  }
}
html.theme-light {
  color-scheme: light;
  color: #252422;
}
html.theme-light body::-webkit-scrollbar-track {
  background: #f5f5f5;
}
html.theme-light body::-webkit-scrollbar-thumb {
  background: rgba(37, 36, 34, 0.2);
}
html.theme-light body::-webkit-scrollbar-thumb:hover {
  background: rgba(37, 36, 34, 0.35);
}
html.theme-light body {
  --linkedin-bg: #d45524;
  --linkedin-in: #ffffff;
  background-color: #faf8f4;
  color: #252422;
}
html.theme-light body p {
  color: #252422;
}
html.theme-light body .navbar__fixed {
  background-color: #faf8f4;
}
html.theme-light body .navbar__logo a {
  color: #252422;
}
html.theme-light body .navbar__logo a span {
  color: #d45524;
}
html.theme-light body .navbar__logo a:hover {
  color: #d45524;
}
html.theme-light body .navbar__item a {
  color: #252422;
}
html.theme-light body .navbar__portfolio a, html.theme-light body .navbar__resume a, html.theme-light body .navbar__about a {
  color: #d45524;
}
html.theme-light body .navbar__active__item.navbar__portfolio a, html.theme-light body .navbar__active__item.navbar__resume a, html.theme-light body .navbar__active__item.navbar__about a {
  color: #d45524;
}
html.theme-light body .navbar__active__item.navbar__portfolio span, html.theme-light body .navbar__active__item.navbar__resume span, html.theme-light body .navbar__active__item.navbar__about span {
  color: #d45524;
}
html.theme-light body .navbar__menu svg {
  stroke: #252422;
}
html.theme-light body .navbar__theme-btn svg {
  stroke: #252422;
}
html.theme-light body .navbar__theme-btn:hover {
  background-color: rgba(37, 36, 34, 0.06);
}
html.theme-light body .navbar__theme-btn:hover svg {
  stroke: #252422;
}
html.theme-light body .navbar__active {
  background-color: rgba(250, 248, 244, 0.98);
}
html.theme-light body .navbar__active .navbar__active__item {
  color: #252422;
}
html.theme-light body .header {
  background-color: #252422;
}
html.theme-light body .header__title h4 {
  color: #fbc89c;
}
html.theme-light body .header__image svg {
  fill: #fbc89c;
}
html.theme-light body .header__image svg path {
  fill-opacity: 0.12;
}
html.theme-light body .about__hello {
  color: #252422;
}
html.theme-light body .about__bio p {
  color: #252422;
}
html.theme-light body .blog-list__card {
  background-color: rgba(37, 36, 34, 0.05);
}
html.theme-light body .blog-list__card-title {
  color: #252422;
}
html.theme-light body .blog-list__card-excerpt {
  color: #252422;
}
html.theme-light body .blog-list__card-meta, html.theme-light body .blog-list__card-sep {
  color: #d45524;
}
html.theme-light body .blog-list__card-meta a {
  color: #d45524;
}
html.theme-light body .blog-list__card-read-more {
  color: #fbc89c;
}
html.theme-light body .blog-list__card-read-more:hover {
  color: #d45524;
}
html.theme-light body .blog-list__page {
  color: #252422;
}
html.theme-light body .blog-list__page.is-active {
  background-color: #d45524;
  color: #ffffff;
}
html.theme-light body .blog-list__empty {
  color: #252422;
}
html.theme-light body .works__card {
  background-color: rgba(37, 36, 34, 0.05);
  border: none;
}
html.theme-light body .works__card h5 {
  color: #252422;
}
html.theme-light body .works__card p {
  color: #252422;
}
html.theme-light body .works__card p:nth-of-type(2) {
  color: #d45524;
}
html.theme-light body .post__card, html.theme-light body .blog__card {
  background-color: rgba(37, 36, 34, 0.05);
  border: none;
}
html.theme-light body .post__card h4, html.theme-light body .blog__card h4 {
  color: #252422;
}
html.theme-light body .post__card p, html.theme-light body .blog__card p {
  color: #252422;
}
html.theme-light body .post__card a, html.theme-light body .blog__card a {
  color: #d45524;
}
html.theme-light body .post__card a:hover, html.theme-light body .blog__card a:hover {
  color: #252422;
}
html.theme-light body .blog__search-clear {
  color: #252422;
}
html.theme-light body .blog__search-clear svg {
  stroke: #252422;
  color: #252422;
}
html.theme-light body .blog__search-clear:hover svg {
  stroke: #d45524;
  color: #d45524;
}
html.theme-light body .blog__search-field {
  background-color: transparent;
  border-color: #252422;
}
html.theme-light body .blog__search-input {
  color: #252422;
  background-color: transparent;
  border: none;
}
html.theme-light body .blog__search-input:focus {
  background-color: transparent;
  color: #252422;
  border: none;
}
html.theme-light body .blog__search-input:focus::placeholder, html.theme-light body .blog__search-input:focus::-webkit-input-placeholder, html.theme-light body .blog__search-input:focus::-moz-placeholder {
  opacity: 0;
  color: transparent;
}
html.theme-light body .blog__categories h6, html.theme-light body .blog__tags h6, html.theme-light body .blog__date h6, html.theme-light body .blog__share h6 {
  color: #252422;
}
html.theme-light body .blog__categories hr, html.theme-light body .blog__tags hr, html.theme-light body .blog__date hr {
  background-color: #d45524;
}
@media (min-width: 320px) and (max-width: 1024px) {
  html.theme-light body .blog__categories, html.theme-light body .blog__tags, html.theme-light body .blog__date {
    background-color: rgba(37, 36, 34, 0.05);
  }
}
html.theme-light body .blog__categories ul li a.blog__aside-link, html.theme-light body .blog__tags ul li a.blog__aside-link, html.theme-light body .blog__date ul li a.blog__aside-link {
  color: #252422;
}
html.theme-light body .blog__categories ul li a.blog__aside-link.is-active, html.theme-light body .blog__tags ul li a.blog__aside-link.is-active, html.theme-light body .blog__date ul li a.blog__aside-link.is-active {
  color: #d45524;
}
html.theme-light body .blog__categories ul li a.blog__aside-link:hover:not(.is-active), html.theme-light body .blog__tags ul li a.blog__aside-link:hover:not(.is-active), html.theme-light body .blog__date ul li a.blog__aside-link:hover:not(.is-active) {
  color: #d45524;
}
html.theme-light body .blog__categories ul li svg, html.theme-light body .blog__share ul li svg {
  fill: #d45524;
}
html.theme-light body .blog__share ul li a[href*="linkedin.com"] svg {
  fill: none;
}
html.theme-light body .copyright__design p {
  color: #252422;
}
html.theme-light body .copyright__list li svg {
  fill: #d45524;
}
html.theme-light body .copyright__list li a[href*="linkedin.com"] svg {
  fill: none;
}
html.theme-light body .copyright__list li a[href^="mailto:"] svg {
  fill: none;
  color: #d45524;
}
html.theme-light body .copyright__list li p {
  color: #252422;
}
html.theme-light body .copyright__list li p:hover {
  color: #d45524;
}
html.theme-light body .blogpost__content > h3 {
  color: #252422;
}
html.theme-light body .blogpost__content pre, html.theme-light body .blogpost__content p:has(> code:only-child) {
  background-color: #000000;
  color: #faf8f4;
}
html.theme-light body .blogpost__code-copy {
  color: #fbc89c;
}
html.theme-light body .blogpost__code-copy:hover {
  color: #faf8f4;
}
html.theme-light body .resume {
  background-color: #faf8f4;
}
html.theme-light body .resume > p {
  color: #252422;
}
html.theme-light body .resume__external {
  background-color: #252422;
  padding: 1.6rem;
  border-radius: 0.5rem;
}
html.theme-light body .resume__external li svg {
  fill: #d45524;
  stroke: #d45524;
}
html.theme-light body .resume__external li a {
  color: #faf8f4;
}
html.theme-light body .resume__external li:hover a {
  color: #d45524;
}
html.theme-light body .resume__external li:hover svg {
  fill: #fbc89c;
  stroke: #fbc89c;
}
html.theme-light body .resume__card h6 {
  color: #d45524;
}
html.theme-light body .resume__card .date {
  color: #252422;
}
html.theme-light body .resume__card .description {
  color: #252422;
}
html.theme-light body .resume__card ul li p {
  color: #252422;
}
html.theme-light body .resume__card ul li span {
  color: #d45524;
}
html.theme-light body .form__text h1 {
  color: #252422;
}
html.theme-light body .form__text h1 span {
  color: #d45524;
}
html.theme-light body .form__text p {
  color: #252422;
}
html.theme-light body input, html.theme-light body textarea {
  background-color: rgba(37, 36, 34, 0.05);
  color: #252422;
  border: 0.1rem solid #252422;
}
html.theme-light body input:focus, html.theme-light body textarea:focus {
  background-color: #faf8f4;
  color: #252422;
  border-color: rgba(212, 85, 36, 0.4);
}
html.theme-light body pre {
  background-color: rgba(37, 36, 34, 0.05);
  color: #252422;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}