@charset "UTF-8";@import url("bootstrap-grid.min.css");@import url("/assets/fonts/bootstrap/bootstrap-icons.min.css");@import url("/assets/vendor/aos/aos.css");@font-face {font-family: 'Inter';src: url('/assets/fonts/inter-regular.ttf') format('truetype');font-style: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'Lato';src: url('/assets/fonts/lato/Lato-Regular.ttf') format('truetype');font-style: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'Doto';src: url('/assets/fonts/doto/Doto-Regular.ttf') format('truetype');font-style: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'SpaceMono';src: url('/assets/fonts/space-mono/SpaceMono-Regular.ttf') format('truetype');font-style: normal;font-style: normal;font-display: swap;}* {padding: 0;margin: 0;}body {line-height: 1.5 !important;color: var(--fontcolor-normal);background-color: var(--color-bg-main);font-family: 'Lato', sans-serif;display: flex;flex-direction: column;min-height: 100vh;}header {flex-shrink: 0;}html, body {height: 100%;margin: 0;padding: 0;}hr {margin: 1rem 0;color: inherit;border: 0;opacity: 0.25;}hr.nav-divider {height: 1px;margin: 1em .1em;max-width: 4rem;margin-bottom: 1em;}hr.divider {height: 0.2rem;max-width: 3.25rem;margin: 1.5rem auto;}hr.divider, hr.nav-divider {background-color: var(--accentcolor);opacity: 1;}.accent-color {color: var(--accentcolor-font) !important;}.alert {position: relative;padding: 1rem 1rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0.25rem;}.alert-heading {color: inherit;}.alert-link {font-weight: 700;}.alert-dismissible {padding-right: 3rem;}.alert-dismissible .btn-close {position: absolute;top: 0;right: 0;z-index: 2;padding: 1.25rem 1rem;}.alert-primary {color: #084298;background-color: #cfe2ff;border-color: #b6d4fe;}.alert-primary .alert-link {color: #06357a;}.alert-secondary {color: #41464b;background-color: #e2e3e5;border-color: #d3d6d8;}.alert-secondary .alert-link {color: #34383c;}.alert-success {color: #0f5132;background-color: #d1e7dd;border-color: #badbcc;}.alert-success .alert-link {color: #0c4128;}.alert-info {color: #055160;background-color: #cff4fc;border-color: #b6effb;}.alert-info .alert-link {color: #04414d;}.alert-warning {color: #664d03;background-color: #fff3cd;border-color: #ffecb5;}.alert-warning .alert-link {color: #523e02;}.alert-danger {color: #842029;background-color: #f8d7da;border-color: #f5c2c7;}.alert-danger .alert-link {color: #6a1a21;}.alert-light {color: #636464;background-color: #fefefe;border-color: #fdfdfe;}.alert-light .alert-link {color: #4f5050;}.alert-dark {color: #141619;background-color: #d3d3d4;border-color: #bcbebf;}.alert-dark .alert-link {color: #101214;}.bg-main {background-color: var(--color-bg-main);}.card {border-radius: var(--cornerradius);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);}.code-block {background-color: #2d2d2d;padding: 2rem;border-radius: 12px;text-align: left;max-width: 600px;width: 90%;font-size: 1rem;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);font-family: 'SpaceMono', monospace;}.code-line {margin: 0.3rem 0;}.code-keyword {color: #569CD6;}.code-function {color: #DCDCAA;}.code-string {color: #CE9178;}.code-comment {color: #6A9955;font-style: italic;}.gap-0 {gap: 0 !important;}.gap-1 {gap: 0.25rem !important;}.gap-2 {gap: 0.5rem !important;}.gap-3 {gap: 1rem !important;}.gap-4 {gap: 1.5rem !important;}.gap-5 {gap: 3rem !important;}.hero-header {height: 90vh;background-image: url('/assets/img/bg-img-00.jpg');background-size: cover;background-position: center;background-attachment: fixed;position: relative;display: flex;align-items: center;justify-content: center;}.hero-header::after {content: "";position: absolute;inset: 0;background-color: var(--accentcolor-opacity6);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);z-index: 1;}.hero-header>* {position: relative;z-index: 2;color: white;text-align: center;font-family: 'Inter', sans-serif;}.hero-overlay {padding: 3rem;border-radius: 1rem;text-align: center;color: white;max-width: 80%;}.hero-overlay h1 {font-size: 3rem;font-family: 'Inter', sans-serif;margin-bottom: 1rem;}.hero-overlay p {font-size: 1.5rem;font-family: 'Lato', sans-serif;}.floating-elements {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;}.floating-card {position: absolute;background-color: var(--color-bg-main);padding: 15px 20px;border-radius: var(--cornerradius);box-shadow: 0 10px 30px color-mix(in srgb, var(--color-bg-main), transparent 90%);display: flex;align-items: center;gap: 10px;white-space: nowrap;animation: float 6s ease-in-out infinite;color: var(--accentcolor-font);font-size: small;}.floating-card.card-1 {top: 10%;left: 10%;animation-delay: 0s;}.floating-card.card-2 {top: 16%;right: 3%;animation-delay: 1s;}.floating-card.card-3 {bottom: 15%;left: 5%;animation-delay: 2s;}.floating-card.card-4 {bottom: 21%;right: 12%;animation-delay: 3s;}.list-unstyled {list-style: none;}.navbar {position: sticky;top: 0;left: 0;z-index: 1000;width: 100%;border: 0;}.navbar .navbar-list {display: flex;flex-direction: column;align-items: flex-start;gap: 2rem;list-style: none;margin: 0;padding: 2rem 2rem;}.only-monitor {display: none !important;}.nav-item a, footer .nav-item a {text-decoration: none;color: var(--fontcolor-title);font-weight: 500;font-family: 'Inter', sans-serif;transition: color 0.3s ease;z-index: 1001;}.nav-item a:hover {color: var(--accentcolor);}.nav-item.current a {color: var(--accentcolor);cursor: default;}footer .nav-item a {color: var(--fontcolor-accentcolor-white);font-weight: 100;}footer .nav-item a:hover {color: var(--everwhite);}.footer-rights-links, .social-links {display: flex;justify-content: left;gap: 10px;font-size: small;}.footer-rights-links {margin-top: 1em;}.social-links {margin: .5em 0;}.footer-rights-links>*, .social-links>* {padding-right: 10px;border-right: 1px solid var(--fontcolor-accentcolor-white);}.footer-rights-links>*:last-child, .social-links>*:last-child {border-right: none;}.footer-rights-links a, .social-links a {text-decoration: none;color: var(--fontcolor-accentcolor-white);font-family: 'Inter', sans-serif;transition: color 0.3s ease;font-weight: 100;}.footer-rights-links a:hover, .social-links a:hover {color: var(--everwhite);}.nav-item-dropdown {display: flex;flex-direction: column;position: absolute;left: 0;width: 100%;border-bottom: 1px solid #ddd;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);opacity: 0;transform: translateY(-10px);pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;cursor: default !important;}.nav-item:hover .nav-item-dropdown, .nav-item-dropdown:hover {opacity: 1;transform: translateY(0);pointer-events: auto;}.nav-item-dropdown .content, .navbar .content {overflow-x: scroll;scrollbar-width: none;-ms-overflow-style: none;}.navbar .content {height: 100vh;width: 0vw;margin: 0;margin-left: auto;border-left: 1px solid var(--accentcolor-opacity2);opacity: 0;position: absolute;top: 0;right: 0;overflow: hidden;transition: width 0.4s ease, opacity 0.4s ease;z-index: 1000;}.navbar .content, .nav-item-dropdown {background-color: var(--color-bg-main);}.nav-item-dropdown .content {width: 60%;}.navbar .content::-webkit-scrollbar {display: none;}#privacy .container, #imprint .container {max-width: 900px;margin: 0 auto;padding: 2rem 1.5rem;color: var(--fontcolor-normal);background-color: var(--color-bg-main);line-height: 1.7;}#privacy h1, #privacy h2, #privacy h3, #privacy h4, #imprint h1, #imprint h2, #imprint h3, #imprint h4 {color: var(--fontcolor-title);font-weight: 600;margin-top: 2rem;margin-bottom: 1rem;}#privacy h1, #imprint h1 {font-size: 2rem;border-bottom: 3px solid var(--accentcolor);padding-bottom: 0.5rem;}#privacy h2, #imprint h2 {font-size: 1.6rem;color: var(--accentcolor);margin-top: 3rem;}#privacy h3, #imprint h3 {font-size: 1.3rem;}#privacy h4, #imprint h4 {font-size: 1.1rem;}#privacy .divider, #imprint .divider {width: 60px;height: 4px;border: none;border-radius: 2px;background: var(--accentcolor);margin: 1rem auto 2rem;}#privacy p, #imprint p {margin-bottom: 1rem;text-align: justify;}#privacy ul, #imprint ul {padding-left: 1.5rem;margin-bottom: 1rem;}#privacy li, #imprint li {margin-bottom: 0.5rem;}#privacy a {color: var(--accentcolor);text-decoration: none;transition: color 0.2s ease;}#privacy a:hover {text-decoration: underline;color: var(--accentcolor-opacity8);}#privacy .text-muted {color: var(--fontcolor-textmuted);}#privacy .text-center {text-align: center;}#privacy section, #imprint section {margin-bottom: 3rem;}.homebtn {position: absolute;top: 1rem;left: 1rem;z-index: 1100;}.mobile-navbar-view {position: absolute;top: 1rem;right: 1rem;z-index: 1100;}.mobile-navbar-view button, .homebtn a {background: var(--color-bg-main);border: none;font-size: 1.5rem;cursor: pointer;transition: transform 0.3s ease, background-color 0.3s ease;color: var(--fontcolor-title);padding: 0.6rem 0.8rem;border-radius: 0.5rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}.mobile-navbar-view button:hover, .homebtn a:hover {transform: scale(1.1);color: var(--accentcolor);}.nav-item-dropdown .content {margin: 1.5em auto;}.img-fluid {max-width: 100%;height: auto;}p.intro {font-size: 16px;line-height: 1.7;color: color-mix(in srgb, var(--fontcolor-normal), transparent 20%);margin: 0;}.about-content .skills-grid {display: grid;grid-template-columns: 1fr;gap: 20px;margin-bottom: 40px;}.about-content .skills-grid .skill-item {text-align: center;padding: 20px;border-radius: 10px;background: color-mix(in srgb, var(--accentcolor-font), transparent 94%);border: 1px solid color-mix(in srgb, var(--accentcolor-font), transparent 85%);transition: all 0.3s ease;}.about-content .skills-grid .skill-item .skill-icon {width: 60px;height: 60px;margin: 0 auto 15px;display: flex;align-items: center;justify-content: center;background: var(--accentcolor);border-radius: 50%;color: var(--everwhite);font-size: 24px;}.about-content .journey-timeline .timeline-item {display: flex;align-items: center;margin-bottom: 20px;padding: 15px;border-left: 3px solid var(--accentcolor);border-radius: 0 8px 8px 0;transition: all 0.3s ease;}.about-content .journey-timeline .timeline-item .year {font-weight: 700;color: var(--accentcolor-font);font-size: 18px;min-width: 80px;margin-right: 20px;}.about-content .journey-timeline .timeline-item .description {color: color-mix(in srgb, var(--fontcolor-normal), transparent 20%);font-size: 15px;line-height: 1.5;}.signature-section {text-align: center;}.quote {font-style: italic;color: color-mix(in srgb, var(--fontcolor-normal), transparent 30%);font-size: 14px;margin: 0;}.signature-section .quote {max-width: 250px;margin: 0 auto;}.profile-image-wrapper .profile-image {position: relative;width: 280px;height: 280px;margin: 0 auto 40px;border-radius: 50%;overflow: hidden;border: 5px solid var(--accentcolor);box-shadow: 0 10px 30px color-mix(in srgb, var(--accentcolor), transparent 80%);}.profile-image-wrapper .profile-image img {width: 100%;height: 100%;object-fit: cover;vertical-align: middle;}.title {text-decoration: none;font-size: .9em;font-weight: 400;font-family: 'Inter', sans-serif;transition: color 0.3s ease;margin: .45em 0;margin-bottom: 1.5em;}.nav-item-group .title {color: var(--fontcolor-title);}.subtitle {text-decoration: none;font-size: .9em;font-weight: 200;font-family: 'Inter', sans-serif;transition: color 0.3s ease;margin: .75em 0;}.nav-item-group .subtitle {color: var(--fontcolor-title);}.nav-item-group .nav-dropdown-nav {display: block;list-style: none;padding: 0;margin: 0;}.nav-item-group .nav-dropdown-nav li {margin-bottom: .65rem;}.fs-1 {font-size: calc(1.375rem + 1.5vw) !important;}.fs-2 {font-size: calc(1.325rem + 0.9vw) !important;}.fs-3 {font-size: calc(1.3rem + 0.6vw) !important;}.fs-4 {font-size: calc(1.275rem + 0.3vw) !important;}.fs-5 {font-size: 1.25rem !important;}.fs-6 {font-size: 1rem !important;}.fst-italic {font-style: italic !important;}.fst-normal {font-style: normal !important;}.fw-light {font-weight: 300 !important;}.fw-lighter {font-weight: lighter !important;}.fw-normal {font-weight: 400 !important;}.fw-bold {font-weight: 700 !important;}.fw-bolder {font-weight: bolder !important;}.text-doto {font-family: 'Doto', monospace;}.text-center {text-align: center;}.text-small {font-size: small;}.text-white-mix {color: color-mix(in srgb, var(--everwhite), transparent 20%);}.text-muted {color: var(--fontcolor-textmuted) !important;}.text-primary {color: var(--accentcolor);}section:not(.muted-1):not(.muted-2) {background-color: var(--color-bg-section);}section.muted-1, section.muted {background-color: var(--color-bg-section-muted);}section.muted-2, section.decent {background-color: var(--color-bg-section-decent);}section {flex: 1 0 auto;padding: 3.25rem 0;margin-top: .5rem;}footer {flex-shrink: 0;padding: 3.25rem 0;margin-top: .5rem;background-color: var(--accentcolor);color: #f5f7fa !important;}.btn {display: inline-block;font-size: .9rem;font-weight: 100;color: #fff;background-color: var(--accentcolor);border: none;text-decoration: none;padding: 8px 15px;border-radius: var(--cornerradius);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);transition: transform 0.2s ease, box-shadow 0.2s ease;}.btn:hover {transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);}.btn-xl {padding: 16px 30px;font-size: 1.1rem;font-weight: 600;border-radius: 16px;}@keyframes float {0%, 100% {transform: translateY(0px);}50% {transform: translateY(-20px);}}@media (min-width: 992px) {.about-content .skills-grid {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}.navbar {border-bottom: 1px solid #ddd;}.navbar .navbar-list {flex-direction: row;justify-content: center;padding: 1rem 0;}.nav-item-dropdown .content, .navbar .content {width: 100%;height: auto;margin: 0 auto;opacity: 1;position: unset;border-left: 0;}.nav-item-dropdown .content {width: 70%;}.only-monitor {display: inline-block !important;}.only-phone {display: none !important;}}@media (max-width: 991px) {.navbar .navbar-list .nav-item a {padding: 0 .35em;padding-bottom: .35em;border-bottom: 2px solid transparent;transition: border-bottom-color 0.3s ease;}.navbar .navbar-list .nav-item a:hover {border-bottom: 2px solid var(--accentcolor);}.navbar .content.open {width: 90vw !important;opacity: 1;}}