<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import"https://fonts.googleapis.com/css2?family=Sen:wght@400;700&amp;family=Montserrat:wght@400;700;900&amp;family=Pacifico&amp;display=swap";:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]&gt;.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]&gt;.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]&gt;.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]&gt;.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}:root{--font-family: "Sen", sans-serif;--secondary-font-family: "Montserrat", sans-serif;--normal-font: 400;--bold-font: 700;--bolder-font: 900;--bg-color: #000000;--second-bg-color: rgba(0, 0, 0, .5);--gray: gray;--gray-dark: #353333;--primary-color: #ffffff;--secondary-color: #ffb510;--status: #283593;--third-color: #dc560a;--primary-shadow: #8b8eaf;--secondary-shadow: #a17a69;--bottom-margin: 1.5rem;--bottom-margin-2: 2rem;--line-height-large: 4.2rem;--line-height-normal: 2.5rem;--transition: .3s;--border-radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}ul{list-style-type:none}html{scroll-behavior:smooth;overflow-x:hidden;font-size:10px}@media screen and (min-width: 1400px){html{font-size:13px}}body{font-family:var(--font-family);font-size:1.7rem;line-height:var(--line-height-large);color:var(--primary-color)!important;background:linear-gradient(to bottom,var(--bg-color),var(--second-bg-color))}h1,h2,h3{margin-bottom:var(--bottom-margin-2);font-family:var(--secondary-font-family)}h1{font-size:3.4rem;font-family:Pacifico,cursive}h2{font-size:2.9rem}h3{font-size:1.9rem}a{text-decoration:none;color:var(--primary-color)}a:hover{color:var(--secondary-color)}@keyframes show{0%{opacity:1;margin-top:-18rem}25%{opacity:1;margin-top:-9rem}40%{opacity:1;margin-top:-9rem}55%{opacity:1;margin-top:-9rem}79%{opacity:1;margin-top:0}99.99%{opacity:1;margin-top:0}to{opacity:1;margin-top:-18rem}}@keyframes mainBlock{0%{width:0%;left:0}50%{width:100%;left:0}to{width:0;left:100%}}@keyframes secBlock{0%{width:0%;left:0}50%{width:100%;left:0}to{width:0;left:100%}}@keyframes mainFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{width:0;height:0;background:#e9d856;border:0 solid #ddd;opacity:0}50%{width:1rem;height:1rem;background:#e9d856;opacity:1;bottom:4.5rem}65%{width:.7rem;height:.7rem;bottom:0;width:1.5rem}80%{width:1rem;height:1rem;bottom:2rem}to{width:.7rem;height:.7rem;background:#e9d856;border:0 solid #222;bottom:1.3rem}}@keyframes secFadeIn{0%{opacity:0}to{opacity:1}}.container{margin:0 auto;padding:.938rem;border-radius:var(--border-radius);margin-top:3rem}@media screen and (max-width: 849px){.container{display:flex;flex-direction:column;justify-content:center;align-items:center}}#contact .container{max-width:60rem}section{padding:3rem 4rem;position:relative}section h2{border:.1rem dashed;border-left:none;position:absolute;left:0;top:3rem;padding-left:5rem;padding-right:2rem;background:var(--bg-color);box-shadow:2px 2px 5px var(--bg-color)}.btn-regular{display:inline-block;font-size:1.3rem;padding:.2rem 1.5rem;margin-top:1.5rem;border:.1rem solid var(--third-color);background-color:var(--primary-color);color:var(--third-color);border-radius:var(--border-radius);text-decoration:none;transition:background-color var(--transition) ease,color var(--transition) ease}.btn-regular:hover,.btn-regular:focus-visible{background-color:var(--third-color);color:var(--primary-color)}.btn-link{font-size:1.4rem;font-weight:400;padding:.5rem 0;color:#777;text-align:center;text-decoration:none;background:none;border:none;transition:color .2s ease}.btn-link:hover,.btn-link:focus-visible{color:#2196f3;font-weight:600}.btn-link[aria-pressed=true]{color:#2196f3;font-weight:600;border:1px solid #2196f3;padding:.5rem 1rem}.btn-link:not([aria-pressed=true]):not(:hover):not(:focus-visible){color:#777;font-weight:400}@media (max-width: 768px){.btn-regular{font-size:1.1rem;padding:.2rem 1rem}.btn-link{font-size:1.2rem;padding:.3rem 0}}header{background-color:var(--bg-color);padding:1rem;text-align:center;z-index:10;position:sticky;top:0}.desktop-nav{display:flex;gap:2rem;justify-content:center}.desktop-nav li{margin-right:2rem;position:relative;overflow:hidden}.desktop-nav li a:after{content:"";display:block;width:100%;height:.5rem;background-color:var(--secondary-color);transform:translate(101%);transition:all var(--transition) ease-out}.desktop-nav li a:hover{transition:all var(--transition) ease-out}.desktop-nav li a:hover:after{transition:all var(--transition) ease-out;transform:translate(0)}@media (max-width: 768px){.desktop-nav{display:none;flex-direction:column;background-color:var(--bg-color);position:absolute;top:100%;left:0;width:100%;padding:1rem 0;text-align:center}.desktop-nav.mobile-nav-active{display:flex}.burger-menu{display:block}nav{display:flex;justify-content:space-between;align-items:center;position:relative}}.burger-menu{color:var(--primary-color);font-size:2rem;border:0;background-color:transparent;cursor:pointer;display:none}#introduction{position:relative;color:var(--primary-color);padding:2rem}.intro-wrapper{height:100%}.intro-content{padding:4rem 3rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 849px){.intro-content{display:flex;justify-content:center;align-items:center;flex-direction:column}}.intro-content .about p{font-size:2rem}.about{width:60%;margin:0 auto}@media screen and (max-width: 849px){.about{width:95%}}#about .about-content{display:flex;align-items:center}.greeting{position:relative;display:flex;justify-content:center;flex-direction:column}.greeting .headline{position:relative;display:flex;align-items:center}.greeting .headline h1{-webkit-animation:mainFadeIn 2s forwards;-o-animation:mainFadeIn 2s forwards;animation:mainFadeIn 2s forwards;animation-delay:1.6s;opacity:0;display:flex;align-items:baseline;position:relative}.greeting .role{position:relative;display:flex;align-items:center;height:3.7rem}.greeting .role .block{width:0%;height:inherit;background:#e91e63;position:absolute;animation:secBlock 2s cubic-bezier(.74,.06,.4,.92) forwards;display:flex}#flip&gt;div{animation:secFadeIn 1s forwards;animation-delay:0s;opacity:0;font-weight:var(--bold-font);text-transform:uppercase;letter-spacing:.5rem}#flip{height:inherit;overflow:hidden}#flip&gt;div&gt;div{padding:0 1.2rem;height:4.5rem;margin-bottom:4.5rem;display:inline-block}#flip div:first-child{animation:show 5s linear infinite;animation-delay:1s}#flip div:nth-child(2) div{background:#4ec7f3}#flip div:nth-child(1) div{background:#dc143c}.social{z-index:10;display:flex;flex-direction:column;gap:1.2rem;position:fixed;bottom:40vh;right:1%;border:.1rem dashed;padding:.5rem;background-color:var(--bg-color)}.social svg,.social a{width:3.2rem;height:3.2rem;fill:var(--primary-color)}.social svg:hover path{fill:var(--secondary-color)}.github{text-decoration:underline}#projects{position:relative;min-height:clamp(130vh,10vh + 20vw,150vh)}#projects .project-spacer{height:3rem}#projects .container&gt;button{border-radius:50%}@media screen and (min-width: 850px){#projects .container{width:100%;height:100%}#projects .container&gt;button{all:unset;position:absolute;width:35rem;height:23rem;top:50%;left:50%;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1) rotate(var(--angle));box-shadow:.2rem .2rem .5rem #11111159;transition:transform 1s ease-out;z-index:0}#projects .container&gt;button:hover,#projects .container&gt;button.simulate-hover{transform:scale(1.6) rotate(0) translate(-80%,-50%);z-index:10}}@media screen and (max-width: 849px){#projects .container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem}}@media screen and (min-width: 850px) and (max-width: 949px){#projects .container&gt;button:hover,#projects .container&gt;button.simulate-hover{transform:scale(1.1) rotate(0) translate(-100%,-50%)}}@media screen and (min-width: 950px) and (max-width: 1080px){#projects .container&gt;button:hover,#projects .container&gt;button.simulate-hover{transform:scale(1.2) rotate(0) translate(-90%,-50%)}}@media screen and (min-width: 1081px){#projects .container&gt;button:hover,#projects .container&gt;button.simulate-hover{transform:scale(1.4) rotate(0) translate(-90%,-50%);z-index:5}}@media screen and (max-aspect-ratio: .75){#projects{min-height:70vh!important}}.status-icon{position:relative;margin-left:.25rem;cursor:help;font-size:1.2rem;display:inline-block}.status-icon .tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:#222;color:#fff;padding:4px 8px;font-size:1rem;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:10}.status-icon:hover .tooltip{opacity:1}.project{background-color:var(--bg-color);cursor:default;border:.08rem solid var(--primary-color);border-radius:5%;font-size:1.2rem;height:100%;transition:all var(--transition) ease}.project-list{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:6rem;margin-bottom:2rem;flex-wrap:wrap}.card1{--angle: 0deg;--x: -5%;--y: -5%;z-index:1!important}.card2{--angle: -1deg;--x: -10%;--y: -50%}.card3{--angle: -4deg;--x: -40%;--y: 5%}.card4{--angle: 7deg;--x: 30%;--y: -7%}.card5{--angle: -5deg;--x: 5%;--y: 45%}.fig-card{height:100%;position:relative;cursor:pointer}.fig-card img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5%}.fig-card .inside{height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem;position:relative;line-height:var(--line-height-normal);color:var(--primary-color)}.fig-card .inside h3{margin-bottom:0}.fig-card .inside .btn-regular{position:absolute;bottom:2.1rem}.fig-card img.cover{outline:.1rem solid rgb(51,51,51);z-index:2;transform:scaleX(1);box-shadow:.2rem .2rem .5rem var(--bg-color);transform-origin:right;transition:all 1.5s linear}.fig-card:hover img.cover{transform:scaleX(-1);transition-delay:1.3s}#projects .container&gt;button.simulate-hover img.cover{transform:scaleX(-1);transition-delay:1.3s}@media screen and (max-width: 849px){.fig-card:hover img.cover{transform:scaleX(0);transition-delay:1.3s}#projects .container&gt;button{width:35rem;height:23rem;top:50%;left:50%;transition:none}}#skills{color:var(--primary-color);display:flex;flex-direction:column;margin-left:auto;margin-right:auto;font-size:1.6rem}.skill-card{border:.1rem solid var(--gray);border-radius:var(--border-radius);box-shadow:.4rem .4rem .4rem var(--bg-color);background-color:#fff;color:var(--bg-color);text-align:center;transition:transform .3s ease}.skill-card:hover{transform:translateY(-.5rem) translate(.3rem)}.skill-card .skill-icon{padding-top:1rem}.skill-card .skill-name{font-size:1.6rem}@media screen and (max-width: 640px){.skill-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;height:auto;margin:2rem}.skill-card{width:8rem}.skill-list img{height:6rem;width:6rem}}@media screen and (min-width: 641px){.skill-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5rem;grid-auto-rows:auto;height:auto;margin:4rem}.skill-list img{height:7rem;width:7rem}}@media screen and (min-width: 1080px){.skill-list{display:grid;grid-template-columns:repeat(5,1fr);gap:5rem;grid-auto-rows:auto;height:auto;margin:6rem}.skill-icon{width:12rem}.skill-list img{height:9rem;width:9rem}}.contact-form-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.contact-form-section .contact-form-title{font-size:2rem;margin-bottom:.5rem;text-align:center}.contact-form-section .contact-subtitle{font-size:1.3rem;margin-bottom:2rem;color:#666;text-align:center}.contact-form-section .contact-form-container{background:#fff;padding:2rem;margin:2rem;border-radius:8px;box-shadow:0 8px 16px #0000001a;width:100%;max-width:500px}.contact-form-section .form-label{display:block;margin-bottom:.3rem;font-weight:700}.contact-form-section .form-input,.contact-form-section .form-textarea{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;resize:vertical}.contact-form-section .form-submit-button{background-color:#1976d2;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer}.contact-form-section .form-submit-button:disabled{background-color:#aaa;cursor:not-allowed}.contact-form-section .thank-you-message{text-align:center;font-size:1.1rem;color:green;padding:1rem}footer{background-color:var(--bg-color);padding-left:.6rem;border-top:.08rem dashed;font-size:1.3rem}.footer-text span{display:inline}@media screen and (max-width: 650px){footer p{text-align:center;line-height:1.4}.footer-rights{display:block}}.scroll-up{position:fixed;right:.5%;bottom:8%;cursor:pointer;background-color:transparent!important;border:none!important;padding:0;transition:transform .3s ease}.scroll-up svg{width:5rem;height:5rem;display:block}.scroll-up:hover{transform:scale(1.2)}.scroll-up:active{transform:scale(.9)}.scroll-up svg path{fill:#fff}.scroll-up svg:hover path{fill:var(--secondary-color)}.scroll-up svg circle{stroke-dasharray:1;stroke-width:1px}.scroll-up svg:hover circle{stroke:var(--primary-color)}@media (max-width: 768px){.scroll-up svg{width:2.5rem;height:2.5rem}}#root{max-width:1280px;margin:0 auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid #3b82f6;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}
</pre></body></html>