:root{--secondaryColor: #a855f7;--backgroundColorLight: #fafbfc;--mainColorLight: #6366f1;--secondaryColorLight: #f59e0b;--secondColorLight: #f1f5f9;--textColorLight: #0f172a;--backgroundColor10PercentLight: rgba(250, 251, 252, .1);--backgroundColor20PercentLight: rgba(250, 251, 252, .2);--backgroundColor30PercentLight: rgba(250, 251, 252, .3);--backgroundColor50PercentLight: rgba(250, 251, 252, .5);--mainColor10PercentLight: rgba(99, 102, 241, .1);--mainColor20PercentLight: rgba(99, 102, 241, .2);--mainColor30PercentLight: rgba(99, 102, 241, .3);--mainColor40PercentLight: rgba(99, 102, 241, .4);--mainColor50PercentLight: rgba(99, 102, 241, .5);--mainColor70PercentLight: rgba(99, 102, 241, .7);--mainColor80PercentLight: rgba(99, 102, 241, .8);--textColor10PercentLight: rgba(15, 23, 42, .1);--textColor20PercentLight: rgba(15, 23, 42, .2);--textColor30PercentLight: rgba(15, 23, 42, .3);--textColor40PercentLight: rgba(15, 23, 42, .4);--textColor50PercentLight: rgba(15, 23, 42, .5);--textColor60PercentLight: rgba(15, 23, 42, .6);--textColor70PercentLight: rgba(15, 23, 42, .7);--textColor80PercentLight: rgba(15, 23, 42, .8);--backgroundColor10Percent: rgba(5, 5, 8, .1);--backgroundColor20Percent: rgba(5, 5, 8, .2);--backgroundColor30Percent: rgba(5, 5, 8, .3);--backgroundColor50Percent: rgba(5, 5, 8, .5);--mainColor10Percent: rgba(0, 212, 255, .1);--mainColor20Percent: rgba(0, 212, 255, .2);--mainColor30Percent: rgba(0, 212, 255, .3);--mainColor40Percent: rgba(0, 212, 255, .4);--mainColor50Percent: rgba(0, 212, 255, .5);--mainColor70Percent: rgba(0, 212, 255, .7);--mainColor80Percent: rgba(0, 212, 255, .8);--textColor10Percent: rgba(255, 255, 255, .1);--textColor20Percent: rgba(255, 255, 255, .2);--textColor30Percent: rgba(255, 255, 255, .3);--textColor40Percent: rgba(255, 255, 255, .4);--textColor50Percent: rgba(255, 255, 255, .5);--textColor60Percent: rgba(255, 255, 255, .6);--textColor70Percent: rgba(255, 255, 255, .7);--textColor80Percent: rgba(255, 255, 255, .8);--accentPurple: #a855f7;--accentPink: #f472b6;--accentOrange: #fb923c;--accentYellow: #fbbf24;--accentGreen: #34d399;--accentRed: #f87171;--backgroundColor: #050508;--mainColor: #00d4ff;--secondColor: #1a1a2e;--textColor: #ffffff;--sectionStartBg: #050508;--sectionAboutMeBg: #0d0d1a;--sectionSkillsBg: #0a0a1a;--sectionProjectsBg: #0a0a15;--sectionRightsBg: #0f0a1a;--sectionStartGradient: #050508;--sectionAboutMeGradient: #050508;--sectionSkillsGradient: #050508;--sectionProjectsGradient: #050508;--sectionRightsGradient: #050508;--accentPurple10Percent: rgba(168, 85, 247, .1);--accentPurple20Percent: rgba(168, 85, 247, .2);--accentPurple30Percent: rgba(168, 85, 247, .3);--accentPink20Percent: rgba(244, 114, 182, .2);--accentPink30Percent: rgba(244, 114, 182, .3);--accentOrange20Percent: rgba(251, 146, 60, .2);--accentYellow20Percent: rgba(251, 191, 36, .2);--accentGreen20Percent: rgba(52, 211, 153, .2);--accentRed20Percent: rgba(248, 113, 113, .2);--successColor: #34d399;--warningColor: #fbbf24;--errorColor: #f87171;--infoColor: #00d4ff;--gradientStart: #0a0a0f;--gradientEnd: #1e1e3f;--gradientAccent: #00d4ff;--gradientStartLight: #f8fafc;--gradientEndLight: #e2e8f0;--gradientAccentLight: #6366f1;--borderColor: rgba(0, 212, 255, .2);--borderColorHover: rgba(0, 212, 255, .4);--borderColorActive: #00d4ff;--borderColorLight: rgba(99, 102, 241, .2);--borderColorHoverLight: rgba(99, 102, 241, .4);--borderColorActiveLight: #6366f1;--shadowColor: rgba(0, 212, 255, .15);--shadowColorHover: rgba(0, 212, 255, .25);--shadowColorLight: rgba(99, 102, 241, .15);--shadowColorHoverLight: rgba(99, 102, 241, .25);--contactBarIconColor: #ffffff;--contactBarIconColorLight: #64748b;--contactBarLineColor: #ffffff;--contactBarLineColorLight: #94a3b8;--contactBarIconHoverColor: #00d4ff;--contactBarIconHoverColorLight: #6366f1;--contactBarGradientColor: #ffffff;--contactBarGradientColorLight: #475569;--rightsBarTextColor: #ffffff;--rightsBarTextColorLight: #334155;--rightsBarLineColor: #ffffff;--rightsBarLineColorLight: #94a3b8;--rightsBarTextHoverColor: #00d4ff;--rightsBarTextHoverColorLight: #6366f1;--rightsBarGradientColor: #ffffff;--rightsBarGradientColorLight: #475569;--octagonFillColor: #050508;--nameColor: #00d4ff;--nameColorLight: #0f172a;--dotColor: #050508;--dotColorLight: #0f172a;--dotColorBackground: #ffffff;--dotColorBackgroundLight: #6366f1;--octagonHeadlineStrokeColor: #00d4ff;--octagonHeadlineStrokeColorLight: #6366f1;--octagonHeadlineFillColor: #050508;--octagonHeadlineFillColorLight: transparent;--octagonHeadlineHoverColor: #00d4ff;--octagonHeadlineHoverColorLight: #6366f1;--mobileResolution: 599}[data-theme=light]{--backgroundColor: #fafbfc;--mainColor: #6366f1;--secondaryColor: #f59e0b;--secondColor: #f1f5f9;--textColor: #0f172a;--backgroundColor10Percent: rgba(250, 251, 252, .1);--backgroundColor20Percent: rgba(250, 251, 252, .2);--backgroundColor30Percent: rgba(250, 251, 252, .3);--backgroundColor50Percent: rgba(250, 251, 252, .5);--mainColor10Percent: rgba(99, 102, 241, .1);--mainColor20Percent: rgba(99, 102, 241, .2);--mainColor30Percent: rgba(99, 102, 241, .3);--mainColor40Percent: rgba(99, 102, 241, .4);--mainColor50Percent: rgba(99, 102, 241, .5);--mainColor70Percent: rgba(99, 102, 241, .7);--mainColor80Percent: rgba(99, 102, 241, .8);--textColor10Percent: rgba(15, 23, 42, .1);--textColor20Percent: rgba(15, 23, 42, .2);--textColor30Percent: rgba(15, 23, 42, .3);--textColor40Percent: rgba(15, 23, 42, .4);--textColor50Percent: rgba(15, 23, 42, .5);--textColor60Percent: rgba(15, 23, 42, .6);--textColor70Percent: rgba(15, 23, 42, .7);--textColor80Percent: rgba(15, 23, 42, .8);--sectionStartBg: #ffffff;--sectionAboutMeBg: #f8fafc;--sectionSkillsBg: #f1f5f9;--sectionProjectsBg: #e2e8f0;--sectionRightsBg: #cbd5e1;--sectionStartGradient: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--sectionAboutMeGradient: linear-gradient(180deg, #f8fafc 0%, #e0e7ff 100%);--sectionSkillsGradient: linear-gradient(180deg, #e0e7ff 0%, #c7d2fe 100%);--sectionProjectsGradient: linear-gradient(180deg, #c7d2fe 0%, #e0e7ff 100%);--sectionRightsGradient: #e0e7ff;--gradientStart: #f8fafc;--gradientEnd: #e2e8f0;--gradientAccent: #6366f1;--borderColor: rgba(99, 102, 241, .2);--borderColorHover: rgba(99, 102, 241, .4);--borderColorActive: #6366f1;--shadowColor: rgba(99, 102, 241, .15);--shadowColorHover: rgba(99, 102, 241, .25);--contactBarIconColor: #64748b;--contactBarLineColor: #94a3b8;--contactBarIconHoverColor: #6366f1;--contactBarGradientColor: #475569;--rightsBarTextColor: #334155;--rightsBarLineColor: #94a3b8;--rightsBarTextHoverColor: #6366f1;--rightsBarGradientColor: #475569;--octagonFillColor: #6366f1;--nameColor: #0f172a;--dotColor: #0f172a;--dotColorBackground: #6366f1;--octagonHeadlineStrokeColor: #6366f1;--octagonHeadlineFillColor: transparent;--octagonHeadlineHoverColor: #6366f1}a{color:inherit;cursor:inherit;text-decoration:inherit}html,body{margin:0;height:100%}body{background-color:var(--backgroundColor);font-family:Oxanium,cursive;transition:background-color .3s ease,color .3s ease}[data-theme=light] body{background-color:var(--backgroundColorLight);color:var(--textColorLight)}.app{align-self:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-container{display:flex;flex-direction:column;width:100%;align-items:center}body::-webkit-scrollbar{width:16px;border-radius:10px}body::-webkit-scrollbar-track{background:var(--backgroundColor)}body::-webkit-scrollbar-thumb{background-color:var(--mainColor70Percent);border-radius:15px;border:5px solid var(--backgroundColor)}body::-webkit-scrollbar-thumb:hover{background:var(--mainColor)}body::-webkit-scrollbar-thumb:active{background:var(--mainColor)}.debug-mainColor20Percent{position:fixed;top:10px;right:10px;width:50px;height:50px;background:var(--mainColor20Percent);border:2px solid var(--mainColor);z-index:9999;border-radius:8px}*{transition:background-color .3s ease,color .3s ease}.start{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh;font-size:1vw;position:relative;overflow:hidden;width:100%;background:var(--sectionStartGradient)}@media (max-width: 599px){.start{font-size:3vw;width:100%}}.start__background{position:absolute;height:100vh;width:100%;animation:background-zoom 2s ease-out;transition:background .3s ease;opacity:1}.start__octagon-container{display:flex;position:relative;height:20vw;width:80vw;align-items:center;justify-content:center;overflow:visible;z-index:1}@media (max-width: 599px){.start__octagon-container{height:36vw;margin:0 -20px}}.start__headline-container{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;white-space:nowrap;margin-right:auto;z-index:2}@media (max-width: 599px){.start__headline-container{margin-left:13px;margin-right:auto}}.start__headline-first{color:var(--textColor);font-size:2em;font-family:Caveat,cursive;opacity:0;animation:slide-in-left 1.2s ease-out .3s forwards}@media (max-width: 599px){.start__headline-first{font-size:2.2em}}.start__headline-second{color:var(--nameColor);font-size:6em;font-weight:200;opacity:0;animation:slide-in-right 1.2s ease-out .6s forwards;box-shadow:0 0 20px rgba(var(--nameColor),.4)}@media (max-width: 599px){.start__headline-second{font-size:4em}}.start__tagline{color:var(--textColor);font-size:16px;font-weight:300;opacity:0;animation:fade-in-up 1s ease-out 1.2s forwards;white-space:normal;max-width:400px;line-height:1.6}@media (max-width: 599px){.start__tagline{font-size:16px;max-width:300px}}.start__octagon{stroke-width:.2px;stroke-linecap:round;stroke-linejoin:round;fill:var(--octagonFillColor);stroke:var(--mainColor);position:absolute;width:20vw;height:20vw;animation:octagon-entrance 2.5s ease-out forwards;filter:drop-shadow(0 0 15px var(--mainColor50Percent))}@media (max-width: 599px){.start__octagon{width:45vw;height:45vw;animation:octagon-entrance-mobile 2.5s ease-out forwards}}.start .octagon-spinning{animation:octagon-spin 7s linear infinite;filter:drop-shadow(0 0 25px var(--mainColor70Percent))}@media (max-width: 599px){.start .octagon-spinning{display:none}}@keyframes background-zoom{0%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes octagon-entrance{0%{left:-50vw;transform:rotate(0) scale(.5);opacity:0}50%{left:calc(100% - 20vw);transform:rotate(180deg) scale(1.2);opacity:1}to{left:calc(100% - 20vw);transform:rotate(360deg) scale(1);opacity:1}}@keyframes octagon-entrance-mobile{0%{left:150vw;transform:rotate(0) scale(.5);opacity:0}50%{left:10vw;transform:rotate(180deg) scale(1.2);opacity:1}to{left:-100vw;transform:rotate(360deg) scale(1);opacity:1}}@keyframes octagon-spin{0%{left:calc(100% - 20vw);transform:rotate(0)}to{left:calc(100% - 20vw);transform:rotate(360deg)}}.about-me{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:70px;box-sizing:border-box;width:100%;background:var(--sectionAboutMeGradient);transition:background .3s ease}@media (max-width: 599px){.about-me{width:100%;padding-bottom:50px}}.about-me__content{width:70%;display:flex;flex-direction:column}@media (max-width: 599px){.about-me__content{width:90%}}@media (max-width: 1024px){.about-me__content{width:85%}}.about-me__text-container{display:flex;padding-left:140px;gap:60px;align-items:flex-start}@media (max-width: 599px){.about-me__text-container{padding:0;flex-direction:column;align-items:center;gap:30px}}.about-me__text-container h1{font-size:32px;font-weight:600;color:var(--textColor);margin-bottom:20px}.about-me__text-container h2{font-size:24px;font-weight:500;color:var(--mainColor);margin:25px 0 15px}.about-me__text-container h3{font-size:20px;font-weight:500;color:var(--mainColor);margin:20px 0 10px}.about-me__text-container p{line-height:1.8;color:var(--textColor70Percent);margin-top:20px;font-size:16px;font-weight:300;width:fit-content;max-width:600px}@media (max-width: 599px){.about-me__text-container p{max-width:100%}.about-me__text-container p:first-child{margin-top:0}}.about-me__text-container p strong{color:var(--mainColor);font-weight:500}.about-me__text-container p a{color:var(--accentPink);text-decoration:none;border-bottom:1px solid var(--accentPink30Percent);transition:all .3s ease}.about-me__text-container p a:hover{color:var(--accentPink);border-bottom-color:var(--accentPink);box-shadow:0 0 20px rgba(var(--accentPink),.2)}.about-me__photo-near-text{margin:40px 100px 0 150px;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);min-width:180px;width:180px;height:180px;border:3px solid var(--mainColor30Percent);transition:all .3s ease;box-shadow:0 0 20px rgba(var(--mainColor),.1)}.about-me__photo-near-text:hover{border-color:var(--mainColor);box-shadow:0 0 20px rgba(var(--mainColor),.3);transform:scale(1.05)}@media (max-width: 599px){.about-me__photo-near-text{margin:20px 0 0;width:70vw;height:70vw}}@media (max-width: 1024px){.about-me__photo-near-text{margin:20px 0 0}}.skills-and-experience{min-height:100vh;padding-top:70px;box-sizing:border-box;width:100%;background:var(--sectionSkillsGradient);transition:background .3s ease;display:flex;flex-direction:column;align-items:center}@media (max-width: 599px){.skills-and-experience{width:100%}}.skills-and-experience__content{width:70%;display:flex;flex-direction:column}@media (max-width: 599px){.skills-and-experience__content{width:90%}}@media (max-width: 1024px){.skills-and-experience__content{width:85%}}.skills-and-experience__rest-container{display:flex;flex-direction:column;padding:0 20% 0 140px}@media (max-width: 599px){.skills-and-experience__rest-container{padding:0;align-items:center}}@media (max-width: 1024px){.skills-and-experience__rest-container{padding:0 0 0 140px}}@media (max-width: 599px){.skills-and-experience__rest-container{padding:0}}.skills-and-experience__start-container{display:flex;flex-direction:column}.skills-and-experience__start-container p{line-height:1.6;margin:20px 0 10px;color:var(--textColor);font-size:16px;font-weight:200;width:fit-content}.skills-and-experience__second-text-container{display:flex;align-self:baseline;flex-direction:column}.skills-and-experience__second-text-container p{line-height:1.6;margin:20px 0 10px;color:var(--textColor);font-size:16px;font-weight:200;width:fit-content}.skills-and-experience__skills-container{display:flex;flex-flow:wrap;margin-left:-10px}@media (max-width: 599px){.skills-and-experience__skills-container{justify-content:center}}.skills-and-experience__experience-container{display:flex;flex-direction:column;width:80%;margin:20px 0 10px}@media (max-width: 599px){.skills-and-experience__experience-container{width:100%}}.my-projects{min-height:100vh;padding-top:70px;padding-bottom:20vh;box-sizing:border-box;width:100%;background:var(--sectionProjectsGradient);transition:background .3s ease;display:flex;flex-direction:column;align-items:center}@media (max-width: 599px){.my-projects{width:100%}}.my-projects__content{width:70%;max-width:1200px;display:flex;flex-direction:column}@media (max-width: 599px){.my-projects__content{width:95%}}@media (max-width: 1024px){.my-projects__content{width:85%}}.my-projects__sections-container{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 0 0 140px}@media (max-width: 1024px){.my-projects__sections-container{padding:0 0 0 140px}}@media (max-width: 599px){.my-projects__sections-container{padding:0;gap:0}}.rights{display:flex;align-items:center;justify-content:center;width:100%;background:var(--sectionRightsGradient);transition:background .3s ease;padding:20px 0}@media (max-width: 599px){.rights{width:100%}}.rights__content{display:flex;align-items:center;width:70%}@media (max-width: 599px){.rights__content{width:90%}}@media (max-width: 1024px){.rights__content{width:85%}}.rights__horizontal-line-first{height:1px;width:50%;background:var(--textColor);background:linear-gradient(90deg,rgba(0,0,0,0) 20%,var(--textColor50Percent) 100%)}.rights__horizontal-line-second{height:1px;width:50%;background:var(--textColor);background:linear-gradient(90deg,var(--textColor50Percent) 20%,rgba(0,0,0,0) 100%)}.rights__text{padding:0 15px;font-size:15px;font-weight:200;color:var(--textColor);white-space:nowrap;opacity:1;transition:all linear .1s}.rights__text:hover{opacity:1}.contact-bar{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;width:10%;left:-10px;bottom:0;z-index:9999}.contact-bar__icon{margin:5px 0;width:18px;height:18px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--contactBarIconColor)}.contact-bar__icon:hover{color:var(--contactBarIconHoverColor);transform:scale(1.3) rotate(5deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.contact-bar__icon:active{transform:scale(1.2) rotate(2deg);transition:all .1s ease}.contact-bar__vertical-line{width:1px;height:20px;background:var(--contactBarLineColor)}.contact-bar__vertical-line-end{width:1px;height:25px;background:var(--contactBarLineColor)}.contact-bar--left{transform:rotate(30deg);margin-left:15px}.contact-bar--right{transform:rotate(-30deg)}.contact-bar--margin-left{margin-left:30px}.contact-bar--margin-right{margin-right:14px}.contact-bar--color{height:30px;background:linear-gradient(rgba(0,0,0,0) 0%,var(--contactBarGradientColor) 100%)}.down-arrow-click{display:flex;align-items:center;justify-content:center;padding-top:30px}.down-arrow-click__container{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;width:46px;height:50px;border:1px solid var(--mainColor);border-radius:8px;cursor:pointer}.down-arrow-click__container:hover .down-arrow-click__icon{animation:move-arrow 1.6s ease-in-out infinite}.down-arrow-click__icon{position:absolute;fill:var(--mainColor);width:30px;height:30px}@media (max-width: 599px){.down-arrow-click__icon{animation:move-arrow 1.6s ease-in-out infinite 3s}}@keyframes move-arrow{0%{transform:translateY(0)}50%{transform:translateY(130%)}50.01%{transform:translateY(-130%)}to{transform:translateY(0)}}.headline-page{display:flex;align-items:center;font-size:10px;margin-bottom:20px}@media (max-width: 599px){.headline-page{font-size:7px}}.headline-page__text{padding:40px 20px;color:var(--mainColor);font-size:4em;font-weight:300;position:relative}@media (max-width: 599px){.headline-page__text{padding:20px 10px 20px 0;font-size:5em}.headline-page__text:before{width:40px;height:2px;bottom:15px}}.navigation-bar{display:flex;align-items:center;justify-content:left;position:fixed;width:100%;top:0;left:0;z-index:99999;padding:15px 20px 10px;box-sizing:border-box;background:transparent;border-bottom:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 1024px){.navigation-bar{padding:15px 10px 10px}}.navigation-bar--fixed{display:flex;align-items:center;justify-content:left;position:fixed;width:100%;background:transparent;top:0;left:0;z-index:99999;padding:15px 20px 10px;box-sizing:border-box;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-bottom:1px solid var(--borderColor);animation:show-navigation-bar .3s cubic-bezier(.4,0,.2,1) forwards;transform:translateY(-100%);box-shadow:0 4px 20px #0000001a}.navigation-bar--hide{animation:hide-navigation-bar .3s cubic-bezier(.4,0,.2,1) forwards}.navigation-bar__button{margin:0 20px;padding:8px 16px;color:var(--textColor);font-size:17px;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;cursor:pointer;border:1px solid transparent;position:relative;overflow:hidden}@media (max-width: 1024px){.navigation-bar__button{margin:0 10px}}.navigation-bar__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--mainColor20Percent),transparent);transition:left .5s ease}.navigation-bar__button:hover{background:var(--mainColor20Percent);border-color:var(--mainColor30Percent);transform:translateY(-1px);box-shadow:0 0 20px rgba(var(--mainColor),.1)}.navigation-bar__button:hover:before{left:100%}.navigation-bar__active-button{cursor:default;margin:0 20px;padding:8px 16px;color:var(--mainColor);font-size:17px;font-weight:500;border:1px solid var(--mainColor30Percent);border-radius:8px;background:var(--mainColor10Percent);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px rgba(var(--mainColor),.1)}@media (max-width: 1024px){.navigation-bar__active-button{margin:0 10px}}.navigation-bar__button-resume{padding:10px 20px;margin:0 20px 0 auto;color:var(--textColor);font-size:17px;font-weight:500;border-radius:8px;background:var(--mainColor20Percent);border:1px solid var(--mainColor);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (max-width: 1024px){.navigation-bar__button-resume{margin:0 10px 0 auto}}.navigation-bar__button-resume:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--mainColor30Percent),transparent);transition:left .5s ease}.navigation-bar__button-resume:hover{background:var(--mainColor30Percent);transform:translateY(-2px);box-shadow:0 0 20px rgba(var(--mainColor),.3)}.navigation-bar__button-resume:hover:before{left:100%}@keyframes show-navigation-bar{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hide-navigation-bar{0%{transform:inherit;opacity:1}to{transform:translateY(-100%);opacity:0;display:none}}.octagons-near-headline{display:flex;align-items:center;justify-content:center}@media (max-width: 599px){.octagons-near-headline{margin-left:auto}}.octagons-near-headline__octagon{fill:var(--octagonHeadlineFillColor);stroke:var(--octagonHeadlineStrokeColor);stroke-width:.6px;width:65px;height:65px;transition:fill ease-out .3s}@media (max-width: 599px){.octagons-near-headline__octagon{width:50px;height:50px;stroke-width:1px}}.octagons-near-headline__octagon:hover{fill:var(--octagonHeadlineHoverColor)}.octagons-near-headline__with-sides{margin-top:-7px}.rights-bar{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;width:10%;right:0;bottom:0;z-index:9999}.rights-bar__vertical-line{width:1px;height:20px;background:var(--rightsBarLineColor)}.rights-bar__vertical-line-start{width:1px;height:30px;background:var(--rightsBarLineColor);background:linear-gradient(rgba(0,0,0,0) 0%,var(--rightsBarGradientColor) 100%)}.rights-bar__info{cursor:default;white-space:nowrap;font-size:16px;font-weight:200;color:var(--rightsBarTextColor);writing-mode:vertical-lr;transition:all linear .1s;margin:10px 0}.rights-bar__info:hover{color:var(--rightsBarTextHoverColor)}.skill-badge{padding:10px}.skill-badge__one-skill{padding-top:10px;display:flex;flex-direction:column;align-items:center;height:100px;width:110px;border:1px solid var(--borderColor);border-radius:12px;background:var(--backgroundColor20Percent);backdrop-filter:blur(10px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.skill-badge__one-skill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--mainColor10Percent) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;z-index:0}.skill-badge__one-skill:hover{border-color:var(--mainColor);background:var(--backgroundColor30Percent);transform:translateY(-4px);box-shadow:0 0 20px rgba(var(--mainColor),.2)}.skill-badge__one-skill:hover:before{opacity:1}.skill-badge__one-skill:hover .skill-badge__icon-skill{transform:scale(1.1)}.skill-badge__one-skill:hover .skill-badge__badge-skill{background:var(--mainColor);color:var(--backgroundColor)}.skill-badge__icon-skill{display:flex;flex-direction:column;align-items:center;justify-content:center;width:55px;height:55px;transition:transform .3s ease;position:relative;z-index:1}.skill-badge__badge-skill{padding:4px 8px;margin-top:8px;background:var(--mainColor20Percent, rgba(0, 212, 255, .2));color:var(--mainColor);border:1px solid var(--mainColor30Percent);border-radius:6px;font-size:11px;font-weight:500;transition:all .3s ease;position:relative;z-index:1}.timeline-experience__experience-container{display:flex;flex-direction:column}.timeline-experience__experience-dot-container{display:flex;align-items:center;color:var(--textColor)}.timeline-experience__experience-button{margin:0 9px;padding:4px 7px;font-size:16px;font-weight:200;right:0;border-radius:6px;transition:all linear .1s;cursor:pointer;border:1px solid transparent;color:var(--mainColor)}.timeline-experience__experience-button:hover{background:var(--mainColor20Percent)}.timeline-experience__experience-button--active{background:var(--mainColor20Percent);border:1px solid var(--mainColor30Percent)}.timeline-experience__experience-dot{display:flex;align-items:center;justify-content:center;overflow:hidden;margin:10px 0;width:35px;height:35px;background:var(--dotColorBackground);border-radius:50%}.timeline-experience__experience-dot svg{fill:var(--dotColor)}.timeline-experience__experience-line{margin-right:7px;width:1px;height:80px;background:var(--textColor)}.timeline-experience__experience-right-side{position:relative;margin-left:15px}.timeline-experience__experience-bubble{display:flex;padding-bottom:2px}.timeline-experience__vertical-line{width:1px;background-color:var(--textColor);margin-left:16px;transition:all linear .1s}.timeline-experience__vertical-line--hovered{width:1px;background-color:var(--mainColor);margin-left:16px;transition:all linear .1s}.timeline-experience__experience-text{position:relative;margin:5px 0 5px 20px;font-size:16px;font-weight:200;color:var(--textColor);background:transparent;width:100%;z-index:1}.timeline-experience__experience-text ul{margin:0;padding-inline-start:18px;line-height:1.6}.timeline-experience__experience-text li:not(:last-child){margin-bottom:10px}.timeline-experience__text-background{position:absolute;padding:2px 30px;height:100%;width:100%;left:-8px;top:-1px;background:linear-gradient(90deg,var(--mainColor20Percent) 20%,rgba(0,0,0,0) 100%);transition:all linear .1s;opacity:0;z-index:0;border-radius:6px;pointer-events:none}.timeline-experience__text-background--hovered{opacity:1}@media (max-width: 599px){.timeline-experience__text-background{box-sizing:border-box}}.timeline-experience__experience-no-text{height:30px}.timeline-experience__headline{font-size:18px;line-height:1.6;font-weight:400;color:var(--textColor)}.timeline-experience__years{line-height:1.6;font-size:17px;color:var(--textColor);margin-bottom:6px}.timeline-optional__experience-container{display:flex}.timeline-optional__experience-left-side{display:flex;width:200px;align-items:flex-end;flex-direction:column}.timeline-optional__experience-dot-container{display:flex;align-items:center;color:var(--textColor)}.timeline-optional__experience-button{margin:0 10px;font-size:16px;font-weight:200;right:0}.timeline-optional__experience-dot{margin:10px 0;width:15px;height:15px;background:var(--textColor);border-radius:50%}.timeline-optional__experience-line{margin-right:7px;width:1px;height:80px;background:var(--textColor)}.timeline-optional__experience-right-side{position:relative;margin-left:15px}.timeline-optional__experience-bubble{display:flex;border-radius:8px;border:1px solid var(--mainColor);width:500px;height:100%}.timeline-optional__experience-pointer{position:absolute;left:-11px;top:6px}.navigation-bar-mobile{display:flex;align-items:center;justify-content:right;position:fixed;width:100%;height:45px;top:0;left:0;z-index:9999;box-sizing:border-box;background:transparent;border-bottom:1px solid transparent;transition:all linear .2s}.navigation-bar-mobile--fixed{backdrop-filter:blur(20px);background:var(--backgroundColor10Percent);border-bottom:1px solid var(--mainColor20Percent);animation:show-navigation-bar .2s linear forwards;transform:translateY(-100%)}.navigation-bar-mobile--show{animation:show-navigation-bar .2s linear forwards;transform:translateY(-100%)}.navigation-bar-mobile--hide{animation:hide-navigation-bar .2s linear forwards}.navigation-bar-mobile__button{margin:0 20px;padding:3px 10px;color:var(--textColor);font-size:17px;font-weight:200;transition:all linear .1s;border-radius:6px;cursor:pointer;border-top:3px solid transparent;border-bottom:3px solid transparent}.navigation-bar-mobile__button:hover{background-color:var(--mainColor20Percent)}.navigation-bar-mobile__active-button{cursor:default;margin:0 20px;padding:3px 10px;color:var(--textColor);font-size:17px;font-weight:200;border-top:3px solid transparent;border-bottom:3px solid var(--mainColor);transition:all linear .1s}.navigation-bar-mobile__button-resume{padding:6px 10px;margin:0 20px 0 auto;color:var(--textColor);font-size:17px;font-weight:200;border-radius:6px;background:var(--mainColor20Percent);border:1px solid var(--mainColor);cursor:pointer;transition:all linear .1s}.navigation-bar-mobile__button-resume:hover{background-color:var(--mainColor40Percent)}.hamburger-button{position:fixed;top:0;right:0;padding:10px;z-index:9999}.hamburger-button__menu-toggle{position:relative;display:block;width:30px;height:26px;background:transparent;border:none;cursor:pointer;outline:none;border-top:4px solid;border-bottom:4px solid;color:var(--mainColor);font-size:0;transition:all .25s ease-in-out}.hamburger-button__menu-toggle:before,.hamburger-button__menu-toggle:after{content:"";display:block;width:100%;height:4px;position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%);transition:transform .25s ease-in-out}.hamburger-button__menu-toggle:hover{color:var(--mainColor70Percent)}.hamburger-button__is-active{border-color:transparent}.hamburger-button__is-active:before{transform:translate(-50%,-50%) rotate(45deg)}.hamburger-button__is-active:after{transform:translate(-50%,-50%) rotate(-45deg)}.nav-bar-list{display:flex;align-items:center;justify-content:right;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;box-sizing:border-box;backdrop-filter:blur(20px);background:var(--backgroundColor10Percent);transition:all linear .2s}.nav-bar-list__list-container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding-top:80px;padding-bottom:40px;width:50%;height:100%;background:var(--backgroundColor);border-left:1px solid var(--mainColor20Percent)}.nav-bar-list__content{display:flex;flex-direction:column;align-items:flex-start;width:100%}.nav-bar-list--show{transform:translate(100%);animation:show-nav-bar-list .2s linear forwards}.nav-bar-list--hide{animation:hide-nav-bar-list .2s linear forwards}.nav-bar-list__button{margin:10px;padding:3px 10px;color:var(--textColor);font-size:17px;font-weight:200;transition:all linear .1s;border-radius:6px;cursor:pointer;border-top:3px solid transparent;border-bottom:3px solid transparent}.nav-bar-list__button:hover{background-color:var(--mainColor20Percent)}.nav-bar-list__active-button{margin:10px;cursor:default;padding:3px 10px;color:var(--textColor);font-size:17px;font-weight:200;border-top:3px solid transparent;border-bottom:3px solid var(--mainColor);transition:all linear .1s}.nav-bar-list__button-resume{text-align:center;box-sizing:border-box;width:calc(100% - 20px);margin:40px 10px;padding:6px 10px;color:var(--textColor);font-size:17px;font-weight:200;border-radius:6px;background:var(--mainColor20Percent);border:1px solid var(--mainColor);cursor:pointer;transition:all linear .1s}.nav-bar-list__button-resume:hover{background-color:var(--mainColor40Percent)}.nav-bar-list__theme-toggle{display:flex;justify-content:center;align-items:center;width:100%;padding:20% 0}@keyframes show-nav-bar-list{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes hide-nav-bar-list{0%{transform:inherit}to{transform:translate(100%);display:none}}.contact-me-mobile{display:flex;align-items:center;justify-content:center;padding-bottom:18px;background-color:var(--sectionRightsGradient);width:100%}.contact-me-mobile__icon{margin:0 20px;width:18px;height:18px;overflow:hidden;opacity:1;cursor:pointer;transition:all linear .1s}.theme-toggle{background:var(--mainColor);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000026;margin-left:15px}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.theme-toggle:active{transform:scale(.95)}.theme-toggle__icon{color:var(--textColor);transition:all .3s ease}@media (max-width: 599px){.theme-toggle{width:35px;height:35px;margin-left:10px}}[data-theme=light] .theme-toggle{background:var(--mainColorLight);box-shadow:0 4px 12px #0000001a}[data-theme=light] .theme-toggle:hover{box-shadow:0 6px 16px #00000026}[data-theme=light] .theme-toggle__icon{color:var(--textColorLight)}.project-section{position:relative;width:100%;max-width:1200px;margin:0 auto 60px;background:linear-gradient(135deg,var(--backgroundColor20Percent) 0%,var(--backgroundColor10Percent) 100%);border:1px solid var(--borderColor);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px)}.project-section:hover{transform:translateY(-8px);border-color:var(--mainColor);box-shadow:0 20px 40px #0000001a,0 0 0 1px var(--mainColor20Percent)}@media (max-width: 1024px){.project-section{max-width:100%;margin:0 auto 50px}.project-section:hover{transform:translateY(-4px)}}@media (max-width: 599px){.project-section{margin-bottom:40px;border-radius:16px}.project-section:hover{transform:none;box-shadow:0 10px 20px #0000001a}}.project-section__status{position:absolute;bottom:35px;left:35px;padding:8px 16px;background:var(--backgroundColor30Percent);border:1px solid var(--borderColor);border-radius:8px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;z-index:10;backdrop-filter:blur(10px);transition:all .3s ease;opacity:.8}.project-section__status:hover{opacity:1;background:var(--backgroundColor50Percent);border-color:var(--mainColor);transform:translateY(-2px)}@media (max-width: 1024px){.project-section__status{bottom:25px;left:25px;padding:6px 12px;font-size:11px}}@media (max-width: 599px){.project-section__status{bottom:auto;top:20px;left:20px;padding:6px 10px;font-size:10px;letter-spacing:.3px}}.project-section__content{display:flex;min-height:300px}@media (max-width: 599px){.project-section__content{flex-direction:column;min-height:auto}}.project-section__media-container{flex:0 0 50%;position:relative;overflow:hidden}@media (max-width: 1024px){.project-section__media-container{flex:0 0 45%}}@media (max-width: 599px){.project-section__media-container{flex:none;height:200px}}@media (max-width: 480px){.project-section__media-container{height:250px}}.project-section__media{width:100%;height:100%;position:relative;overflow:hidden}.project-section__image,.project-section__video{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .4s ease;position:absolute;top:0;left:0}.project-section__image{opacity:1;z-index:1}.project-section__image--hidden{opacity:0}.project-section__video{opacity:0;z-index:2}.project-section__video--visible{opacity:1}.project-section__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.1) 100%);z-index:3}.project-section__info{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media (max-width: 1024px){.project-section__info{padding:30px}}@media (max-width: 599px){.project-section__info{padding:30px 20px}}@media (max-width: 480px){.project-section__info{padding:25px 15px}}.project-section__background{top:0;right:0;position:absolute;display:flex;flex-direction:column;text-align:right;font-size:13px;color:var(--mainColor);opacity:.1;user-select:none;z-index:0}@media (max-width: 1024px){.project-section__background{font-size:11px}}@media (max-width: 599px){.project-section__background{font-size:9px;opacity:.05}}.project-section__one-line{margin-bottom:8px}@media (max-width: 1024px){.project-section__one-line{margin-bottom:6px}}@media (max-width: 599px){.project-section__one-line{margin-bottom:4px}}.project-section__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}@media (max-width: 1024px){.project-section__header{margin-bottom:20px}}@media (max-width: 599px){.project-section__header{flex-direction:column;gap:16px;margin-bottom:20px}}.project-section__title-group{display:flex;align-items:center;gap:12px;flex:1}@media (max-width: 1024px){.project-section__title-group{gap:10px}}@media (max-width: 599px){.project-section__title-group{gap:8px;flex-direction:column;align-items:flex-start}}.project-section__headline{font-size:28px;font-weight:700;color:var(--textColor);margin:0;background:linear-gradient(135deg,var(--textColor) 0%,var(--mainColor) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1024px){.project-section__headline{font-size:24px}}@media (max-width: 599px){.project-section__headline{font-size:22px}}@media (max-width: 480px){.project-section__headline{font-size:20px}}.project-section__year{font-size:16px;color:var(--mainColor);font-weight:500;opacity:.8}@media (max-width: 1024px){.project-section__year{font-size:14px}}@media (max-width: 599px){.project-section__year{font-size:13px}}.project-section__actions{display:flex;gap:12px;flex-shrink:0}@media (max-width: 1024px){.project-section__actions{gap:10px}}@media (max-width: 599px){.project-section__actions{gap:8px;width:100%;justify-content:flex-start}}.project-section__action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--backgroundColor30Percent);border:1px solid var(--borderColor);border-radius:12px;color:var(--textColor);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;backdrop-filter:blur(10px);cursor:pointer}.project-section__action-btn:hover{background:var(--mainColor20Percent);border-color:var(--mainColor);transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}@media (max-width: 1024px){.project-section__action-btn{padding:8px 14px;font-size:13px;gap:6px}}@media (max-width: 599px){.project-section__action-btn{padding:8px 12px;font-size:12px;gap:6px;flex:1;justify-content:center}}.project-section__action-btn svg{width:16px;height:16px}@media (max-width: 1024px){.project-section__action-btn svg{width:14px;height:14px}}@media (max-width: 599px){.project-section__action-btn svg{width:12px;height:12px}}.project-section__description{margin-bottom:32px}@media (max-width: 1024px){.project-section__description{margin-bottom:28px}}@media (max-width: 599px){.project-section__description{margin-bottom:24px}}.project-section__text{font-size:16px;line-height:1.7;color:var(--textColor70Percent);margin:0 0 16px;max-height:80px;overflow:hidden;transition:max-height .3s ease}.project-section__text--expanded{max-height:none}@media (max-width: 1024px){.project-section__text{font-size:15px;line-height:1.6;max-height:70px}}@media (max-width: 599px){.project-section__text{font-size:14px;line-height:1.6;max-height:60px;margin-bottom:12px}.project-section__text--expanded{max-height:none;overflow:visible}}.project-section__expand-btn{background:none;border:none;color:var(--mainColor);font-size:14px;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;transition:color .3s ease;position:relative;z-index:10}.project-section__expand-btn:hover{color:var(--textColor)}@media (max-width: 1024px){.project-section__expand-btn{font-size:13px}}@media (max-width: 599px){.project-section__expand-btn{font-size:12px;padding:4px 0;min-height:20px;display:block;width:100%;text-align:left}}.project-section__technologies{margin-top:auto}@media (max-width: 599px){.project-section__technologies{margin-top:20px}}.project-section__tech-title{font-size:14px;font-weight:600;color:var(--textColor);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.project-section__tech-title{font-size:13px;margin-bottom:14px}}@media (max-width: 599px){.project-section__tech-title{font-size:12px;margin-bottom:12px;letter-spacing:.3px}}.project-section__tech-grid{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 1024px){.project-section__tech-grid{gap:6px}}@media (max-width: 599px){.project-section__tech-grid{gap:5px}}.project-section__tech-item{padding:6px 12px;background:var(--mainColor10Percent);border:1px solid var(--mainColor20Percent);border-radius:20px;font-size:12px;font-weight:500;color:var(--mainColor);transition:all .3s ease}.project-section__tech-item:hover{background:var(--mainColor20Percent);border-color:var(--mainColor);transform:translateY(-1px)}@media (max-width: 1024px){.project-section__tech-item{padding:5px 10px;font-size:11px;border-radius:16px}}@media (max-width: 599px){.project-section__tech-item{padding:4px 8px;font-size:10px;border-radius:12px}}.project-section__corner-decoration{position:absolute;width:40px;height:40px;opacity:.3;transition:all .3s ease;z-index:5}.project-section__corner-decoration:before,.project-section__corner-decoration:after{content:"";position:absolute;background:var(--mainColor);border-radius:2px}.project-section__corner-decoration:before{width:2px;height:20px}.project-section__corner-decoration:after{width:20px;height:2px}@media (max-width: 1024px){.project-section__corner-decoration{width:30px;height:30px}.project-section__corner-decoration:before{height:15px}.project-section__corner-decoration:after{width:15px}}@media (max-width: 599px){.project-section__corner-decoration{width:25px;height:25px;opacity:.2}.project-section__corner-decoration:before{height:12px}.project-section__corner-decoration:after{width:12px}}.project-section__corner-decoration--top-right{top:20px;right:20px}.project-section__corner-decoration--top-right:before{top:0;right:0}.project-section__corner-decoration--top-right:after{top:0;right:0}@media (max-width: 1024px){.project-section__corner-decoration--top-right{top:15px;right:15px}}@media (max-width: 599px){.project-section__corner-decoration--top-right{top:12px;right:12px}}.project-section__corner-decoration--bottom-right{bottom:20px;right:20px}.project-section__corner-decoration--bottom-right:before{bottom:0;right:0}.project-section__corner-decoration--bottom-right:after{bottom:0;right:0}@media (max-width: 1024px){.project-section__corner-decoration--bottom-right{bottom:15px;right:15px}}@media (max-width: 599px){.project-section__corner-decoration--bottom-right{bottom:12px;right:12px}}.project-section:hover .project-section__corner-decoration{opacity:.6;transform:scale(1.1)}@media (max-width: 599px){.project-section:hover .project-section__corner-decoration{transform:scale(1.05)}}:export{textColor:#ffffff}