@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap";@import"https://fonts.googleapis.com/css?family=Montserrat:400,700";@import"https://fonts.cdnfonts.com/css/segoe-script";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}li,p{margin:0;color:#000}.respSize{font-size:24px}html,body{margin:0;padding:0;width:100%;height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#d88c8c}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media only screen and (max-width: 650px){.respSize{font-size:16px}}#root{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:100%;height:100%}a{color:#000}a:hover{text-decoration:underline;color:brown}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@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}.read-the-docs{color:#888}.wrapper{display:grid;justify-content:center;align-items:center;padding:0 16px 16px;background-color:inherit;padding-bottom:96x;width:full}.pointer{cursor:pointer}.activeTab{color:#d88c8c}main{position:relative}section{position:relative;top:0;left:0;width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:visible;display:flex;justify-content:center;align-items:center}hr{margin:.5em 0;height:clamp(2px,.5vw,5px);border:.5px solid rgba(0,0,0,.1);border-radius:5px;animation:bg1 10s linear infinite alternate both;filter:saturate(2.2)}.emoji{margin:.3em 0;font-family:sans-serif;font-size:1.78rem;-webkit-text-stroke:.5px rgba(0,0,0,.3);color:transparent;transform:translateZ(0);animation:bg1 10s linear infinite alternate both;filter:saturate(3)}#copyright{font-size:.85rem}#background{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:-1}#background>div{--size: 5vw;--symbol: "🎈";--pos_x: 0vw;--duration_move: 7s;--delay_move: 0s;--duration_rotate: 1.5s;--delay_rotate: 0s;--duration_clip: 10s;--delay_clip: 0s;--hue: 0deg;position:absolute;top:0;left:0;font-size:clamp(15px,var(--size),80px);font-family:"Noto Sans Symbols 2",sans-serif;transform-origin:center top;animation:move var(--duration_move) var(--delay_move) linear infinite normal both}#background span{display:block;position:relative;transform-origin:center;transform:rotate(0);animation:rotate var(--duration_rotate) var(--delay_rotate) ease-in-out infinite alternate both}#background span:after{content:var(--symbol);-webkit-text-stroke:.5px rgba(0,0,0,.2);line-height:1.2;position:relative;display:block;color:transparent;-webkit-background-clip:text;background-clip:text;filter:brightness(1.2) hue-rotate(var(--hue));background-image:url(https://images.unsplash.com/photo-1580822115965-0b2532068eff?&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2OTUxNDUzNzJ8&ixlib=rb-4.0.3&q=100&w=200&dpr=2);background-position:center;background-size:200px auto;background-repeat:repeat;transform:translateZ(0);animation:bg1 var(--duration_clip) var(--delay_clip) linear infinite alternate both}#background>div:nth-child(2n) span:after{animation-name:bg2}@keyframes bg1{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes bg2{0%{background-position:100% 0%}to{background-position:0% 100%}}@keyframes rotate{0%{transform:rotate(115deg)}to{transform:rotate(245deg)}}@keyframes move{0%{transform:translate3d(var(--pos_x),calc(0vh - var(--size)),0)}to{transform:translate3d(var(--pos_x),100vh,0)}}.bubbles{position:fixed;top:0;width:100%;height:100%;max-height:100%;z-index:-1}.bubble{position:relative;bottom:0;border-radius:50%;background:transparent;height:100%;animation:float-up 3s infinite;animation:sway-left-to-right 3s infinite}.bubble-inner{width:100%;height:100%;background:#88f6fb4d;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;top:0;left:0;animation:float-up 6s infinite}@keyframes float-up{0%{transform:translateY(600px)}to{transform:translateY(-300vw)}}@keyframes sway-left-to-right{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes sway-right-to-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.introWrapper{display:grid;justify-content:space-between;align-items:center;gap:2vw;padding-top:16px;width:100%}.intro{display:flex;flex-direction:row;justify-content:space-between}.imgWrapper{flex:0 0 40%}.introTexts{flex:0 0 60%;display:grid;flex-direction:column;gap:16px;align-items:center;justify-content:start}.greet{font-size:48px;font-weight:600}.nameAndTitle{display:grid;gap:16px;flex-direction:column;text-align:left;justify-content:center;align-items:center}.name{font-size:clamp(1rem,2.5vw + 1rem,8rem);font-weight:700;line-height:clamp(2.5rem,2.5vw + 1rem,8rem);letter-spacing:4px;color:#d88c8c}.title{font-size:clamp(2rem,.5vw + 1rem,6rem);font-weight:100;color:#d88c8c}@media only screen and (max-width: 650px){.intro{display:grid;justify-content:center;align-items:center}.greet{font-size:32px}.introWrapper{display:grid;justify-content:center;align-items:center}.nameAndTitle{text-align:center;gap:0}.introTexts{justify-content:center}.mobilMyImg{display:flex;justify-content:center;align-items:center;margin:0 auto;width:70%}}@media (max-width: 480px){h1{font-size:1.2rem}}.typewriter{font-family:monospace;font-size:2rem;white-space:nowrap;overflow:hidden;display:inline-block;color:#fff}.cursor{width:3px;margin-left:2px;border-left:2px solid black;animation:blink .7s steps(1) infinite;border:5px solid rgb(231,187,187)}@keyframes blink{50%{border-color:transparent}}.buttonsWrapper{display:flex;flex-direction:row;justify-content:space-around;flex:.5}.detailDesc{font-size:20px;padding-bottom:16px}.skillTitle{font-weight:"bold";padding-bottom:"6px";color:#d88c8c}.skillsWrapper{gap:16px;display:grid;padding-bottom:16px;font-size:32px;padding-left:32px;padding-right:32px}button{min-width:30%;padding:16px 24px;border-radius:24px;font-size:14px;width:fit-content}.active:hover{border-color:#1a1a1a}.header{text-align:center}.active{color:#d88c8c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation:fadeIn 1s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation:fadeOut 2.5s forwards}.expandWrapper{display:grid;padding-top:16px}.imageLeft,.imageRight{display:flex;align-items:center;gap:16px;font-size:"24px"}.flex30{flex:0 0 30%}.flex70{flex:0 0 70%}.big{transition:transform .3s ease}.big:hover{transform:scale(1.1)}.biggerText{transition:font-size .3s ease}.biggerText:hover{font-size:26px}.skillText{font-size:20px;letter-spacing:1px}@media only screen and (max-width: 650px){.detailDesc{font-size:16px}.skillText{font-size:16px;letter-spacing:1px}.imageLeft{display:grid;justify-content:center;align-items:center;gap:16px;font-size:"4vw"}.flex30{flex:0 0 1;width:100%}.flex70{flex:0 0 1;text-align:center;order:1}}.slide-in-bck-left{-webkit-animation:slide-in-bck-left 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-left 1s cubic-bezier(.25,.46,.45,.94) both}.slide-in-bck-right{-webkit-animation:slide-in-bck-right .6s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-right .6s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-bck-right{0%{-webkit-transform:translateZ(700px) translateX(400px);transform:translateZ(700px) translate(400px);opacity:0}to{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translate(0);opacity:1}}@keyframes slide-in-bck-right{0%{-webkit-transform:translateZ(700px) translateX(400px);transform:translateZ(700px) translate(400px);opacity:0}to{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translate(0);opacity:1}}.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.test{-webkit-animation:slide-in-bck-left 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-left 1s cubic-bezier(.25,.46,.45,.94) both;height:300px;border:1px solid black}@keyframes slide-in-bck-left{0%{-webkit-transform:translateZ(700px) translateX(-400px);transform:translateZ(700px) translate(-400px);opacity:0}to{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translate(0);opacity:1}}@-webkit-keyframes slide-in-bck-left{0%{-webkit-transform:translateZ(700px) translateX(-400px);transform:translateZ(700px) translate(-400px);opacity:0}to{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translate(0);opacity:1}}.show{opacity:1;transform:translateY(0)}.none{opacity:0;transform:translateY(20px)}