@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Suez+One&display=swap";:root{--startColor: hsl(0, 100%, 75%);--stopColor: hsl(0, 100%, 75%)}::selection{color:#fff;background:#86fad6}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;display:grid;place-items:center;background-color:#72c7ed;overflow:hidden}#app{background:conic-gradient(from 90deg at 2px 2px,rgba(0,0,0,0) 90deg,rgba(255,255,255,.6) 0) 0 0/50px 50px;min-height:100vh;width:100vw}@supports (-webkit-appearance: none){#app{animation:moveGrid 10s linear infinite;will-change:transform;backface-visibility:hidden}}@-moz-document url-prefix(){#app{animation:none!important;overflow:hidden}}@keyframes moveGrid{0%{background-position:0 0}to{background-position:50px 50px}}svg{width:174vw;height:73vw;transform:translateY(4%) translate(-20%) rotate(36deg);position:absolute;z-index:1}path{cursor:pointer}html{font-family:SF UI Text Regular;color:#2c2c2c}.space{height:97vh;width:90vw;max-width:1400px;max-height:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#72c7ed;z-index:0;border:solid rgba(255,255,255,.6) 2px}ul{list-style-type:none}ul.list li{position:relative;padding-left:25px}ul.list li:before{content:"▹";position:absolute;left:0;top:0;padding:0 5px 0 0;color:#ed1849;line-height:1.4}.subtab-content ul.list{margin:20px 40px 20px 70px}.subtab-content ul.list a{text-decoration:none;transition:.4s;color:#ed1849}.subtab-content ul.list a:hover{transition:.4s;color:#000}@media screen and (max-width: 1050px),screen and (max-height: 490px){.subtab-content ul.list{margin:20px}svg{display:none}body{height:auto;display:unset;place-items:unset;overflow:auto;background-color:#fff}.space{display:none}}@font-face{font-family:SF UI Text Regular;font-style:normal;font-weight:400;src:local("SF UI Text Regular"),url(/assets/SFUIText-Regular-c7d42565.woff) format("woff")}@font-face{font-family:SF UI Text Italic;font-style:normal;font-weight:400;src:local("SF UI Text Italic"),url(/assets/SFUIText-RegularItalic-b2629362.woff) format("woff")}@font-face{font-family:SF UI Text Light;font-style:normal;font-weight:400;src:local("SF UI Text Light"),url(/assets/SFUIText-Light-5fe374fe.woff) format("woff")}@font-face{font-family:SF UI Text Light Italic;font-style:normal;font-weight:400;src:local("SF UI Text Light Italic"),url(/assets/SFUIText-LightItalic-00ebf865.woff) format("woff")}@font-face{font-family:SF UI Text Medium;font-style:normal;font-weight:400;src:local("SF UI Text Medium"),url(/assets/SFUIText-Medium-72204f0e.woff) format("woff")}@font-face{font-family:SF UI Text Medium Italic;font-style:normal;font-weight:400;src:local("SF UI Text Medium Italic"),url(/assets/SFUIText-MediumItalic-774c144e.woff) format("woff")}@font-face{font-family:SF UI Text Semibold;font-style:normal;font-weight:400;src:local("SF UI Text Semibold"),url(/assets/SFUIText-Semibold-21273834.woff) format("woff")}@font-face{font-family:SF UI Text Semibold Italic;font-style:normal;font-weight:400;src:local("SF UI Text Semibold Italic"),url(/assets/SFUIText-SemiboldItalic-eceb24c7.woff) format("woff")}@font-face{font-family:SF UI Text Bold;font-style:normal;font-weight:400;src:local("SF UI Text Bold"),url(/assets/SFUIText-Bold-ff23f141.woff) format("woff")}@font-face{font-family:SF UI Text Bold Italic;font-style:normal;font-weight:400;src:local("SF UI Text Bold Italic"),url(/assets/SFUIText-BoldItalic-24a955f4.woff) format("woff")}@font-face{font-family:SF UI Text Heavy;font-style:normal;font-weight:400;src:local("SF UI Text Heavy"),url(/assets/SFUIText-Heavy-eadcd5a2.woff) format("woff")}@font-face{font-family:SF UI Text Heavy Italic;font-style:normal;font-weight:400;src:local("SF UI Text Heavy Italic"),url(/assets/SFUIText-HeavyItalic-c4732974.woff) format("woff")}@font-face{font-family:"Avenir LT Std 85 Heavy";font-style:normal;font-weight:400;src:local("Avenir LT Std 85 Heavy"),url("/assets/Avenir LT Std 85 Heavy-bcc9a576.woff2") format("woff2")}@font-face{font-family:"Avenir LT Std 35 Light";font-style:normal;font-weight:400;src:local("Avenir LT Std 85 Heavy"),url("/assets/Avenir LT Std 35 Light-c8b3aa1c.woff2") format("woff2")}.angry-grid{transition:.4s;display:grid;gap:0;height:90vh;width:86vw;max-width:1350px;max-height:850px;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 30px #0000001a}#item-0{background:rgba(255,252,252,.7);backdrop-filter:blur(9.4px);-webkit-backdrop-filter:blur(9.4px);border:1px solid rgba(255,200,175,.24);grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:3;display:flex;align-items:center}#item-0 h1{margin:0 0 0 20px;font-family:Suez One,serif;font-size:24px}#item-1{background-color:#86fad6;grid-row-start:1;grid-column-start:3;grid-row-end:3;grid-column-end:4;display:flex;justify-content:center;flex-direction:column}#item-1 ul{writing-mode:vertical-rl;display:flex;list-style:none;justify-content:space-around;align-items:center;height:100%}#item-1 ul li span{cursor:pointer;font-family:SF UI Text Bold;font-size:20px;text-decoration:none;transition:.3s}#item-1 ul li span:hover{color:#fff;transition:.3s}#item-1 ul li.active span{color:#fff}#item-2{background:rgba(237,24,73,.8);-webkit-backdrop-filter:blur(9.4px);backdrop-filter:blur(9.4px);grid-row-start:2;grid-column-start:1;grid-row-end:3;grid-column-end:2;display:flex;justify-content:center;align-items:center}#item-2 .portfolio-wrapper{width:279px;height:361px;position:relative}#item-2 .portfolio-wrapper h3.label{font-family:"Avenir LT Std 35 Light";font-size:17px;font-weight:100;margin-bottom:6px}#item-2 .portfolio-wrapper .profile-img{box-shadow:#16161669 0 8px 24px;height:80%;transition:opacity .5s ease-in-out;opacity:1;border-radius:4px;position:absolute;bottom:0;right:0}#item-2 .portfolio-wrapper h2.full-name{font-family:"Avenir LT Std 85 Heavy";font-size:40px;width:50%;color:#fff;line-height:1;position:absolute;z-index:1}#item-2 .portfolio-wrapper h2.greet{position:absolute;z-index:3;color:#fff;font-family:SF UI Text Bold;font-size:50px;top:50%;transform:translateY(50%)}#item-2 .portfolio-wrapper h2.greet span{background-color:#ed1849;line-height:2}#item-2 .portfolio-wrapper .work-img-wrapper{display:none}#item-3{background-color:#fff;transition:.4s;grid-row-start:2;grid-row-end:3;grid-column-start:2;grid-column-end:3}.github{display:flex;justify-content:center}.github img{width:30px;margin:0 0 50px}.content-size-0x1{grid-template-rows:0 100%;grid-template-columns:0 94% 6%;transition:.4s}.content-size-0x1 #item-0,.content-size-0x1 #item-2{opacity:0;transition:1s}.content-size-0x1 #item-3{transition:.4s;color:#fff;opacity:.8;-webkit-backdrop-filter:blur(9.4px);backdrop-filter:blur(9.4px);background:rgb(237,24,73)}.content-size-1x1{grid-template-rows:14% 86%;grid-template-columns:47% 47% 6%;transition:.4s}.content-size-1x1 #item-0,.content-size-1x1 #item-2{opacity:1;transition:1s}.content-size-1x2{grid-template-rows:14% 86%;grid-template-columns:21% 73% 6%;transition:.4s}.content-size-1x2 #item-0,.content-size-1x2 #item-2{opacity:1;transition:1s}.content-size-1x2 #item-2{align-items:unset}.content-size-1x2 #item-2 .portfolio-wrapper{height:unset;width:unset;padding:0}.content-size-1x2 #item-2 .portfolio-wrapper h3.label{margin-bottom:10px;padding:20px 20px 0;display:none}.content-size-1x2 #item-2 .portfolio-wrapper h2.full-name{position:relative;width:100%;font-size:28px;margin-bottom:12px;padding:0 20px;display:none}.content-size-1x2 #item-2 .portfolio-wrapper .profile-img{position:relative;height:unset;width:50%;display:none}.content-size-1x2 #item-2 .portfolio-wrapper .work-img-wrapper{display:grid;height:100%;overflow-y:auto}.content-size-1x2 #item-2 .portfolio-wrapper .work-img-wrapper img{width:100%;position:relative;filter:grayscale(100%);transition:.3s;cursor:pointer}.content-size-1x2 #item-2 .portfolio-wrapper .work-img-wrapper img:hover{transition:.3s;filter:unset}@media screen and (max-width: 1050px),screen and (max-height: 490px){.angry-grid{width:100%;height:100%;display:unset;position:relative;z-index:unset;top:unset;left:unset;right:unset;max-width:unset;max-height:unset;transform:unset;box-shadow:unset}.angry-grid #item-0{display:none}.angry-grid #item-1{flex-direction:unset;padding:20px}.angry-grid #item-1 ul{height:auto;writing-mode:unset;width:100%}.angry-grid #item-1 ul li span{padding:0 10px}.angry-grid #item-2,.angry-grid .github{display:none}.content-size-0x1{position:fixed}.content-size-0x1 #item-3{height:100%}}.home-wrapper.svelte-1p02axz.svelte-1p02axz{height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.home-wrapper.svelte-1p02axz h2.svelte-1p02axz{width:80%;max-width:400px;align-items:center;text-align:center;font-family:SF UI Text Light}.home-wrapper.svelte-1p02axz h2.greet-headline.svelte-1p02axz{margin:20px 0;text-align:center;font-family:Suez One,serif;font-weight:100;font-size:39px;line-height:32px}.list-flex{margin:20px;display:flex;justify-content:space-around;flex-wrap:wrap}p{margin:20px 40px 20px 70px;line-height:1.3}h2.headline{font-family:SF UI Text Semibold;margin:50px 40px 35px 70px;padding-left:0;position:relative}h2.headline:before{content:"//";position:absolute;padding:0 5px 0 0;color:#ed1849;left:-23px;top:0;font-size:24px}h2.headlineList{font-family:SF UI Text Semibold;margin:0 40px 34px 23px;padding-left:0;position:relative}h2.headlineList:before{content:"//";position:absolute;padding:0 5px 0 0;color:#ed1849;left:-23px;top:0;font-size:24px}@media screen and (max-width: 1080px){h2.headline{margin:18px 40px 35px}p{margin:20px}}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto!important}}.about-wrapper.svelte-857s2m.svelte-857s2m{overflow:hidden;max-height:calc(100vh - 40px);position:relative;width:100%;height:100%}.section-1.svelte-857s2m.svelte-857s2m{height:100%}.section-2.svelte-857s2m.svelte-857s2m{background-color:#ffde7a;height:100%;display:flex;align-items:center;justify-content:center}ul.svelte-857s2m.svelte-857s2m{column-count:1}@media screen and (max-width: 1050px),screen and (max-height: 490px){.about-wrapper.svelte-857s2m.svelte-857s2m{overflow:auto}.about-wrapper.svelte-857s2m .section-2.svelte-857s2m{background-color:unset}}@media screen and (max-height: 650px){.about-wrapper.svelte-857s2m .section-2.svelte-857s2m{background-color:unset}}.subtab-flex.svelte-1fig1fz.svelte-1fig1fz{display:flex;height:100%;width:100%;overflow-y:auto}.subtab-flex.svelte-1fig1fz .scroll-container.svelte-1fig1fz{flex:1;overflow:hidden;max-height:calc(100vh - 40px);position:relative;height:100%}.subtab-flex.svelte-1fig1fz .subtab-content.svelte-1fig1fz{flex:1;position:relative}.subtab-flex.svelte-1fig1fz ul.svelte-1fig1fz{margin:20px;position:sticky;top:20px;overflow-y:auto;max-height:100vh}.subtab-flex.svelte-1fig1fz ul li span.svelte-1fig1fz{display:block;width:170px;margin-bottom:10px;border-bottom:2px solid #eaeaea;padding-bottom:10px;cursor:pointer;font-family:SF UI Text Bold;font-size:20px;text-decoration:none;transition:.3s}.subtab-flex.svelte-1fig1fz ul li span.svelte-1fig1fz:hover{color:#ed1849;transition:.3s}.subtab-flex.svelte-1fig1fz ul li.active span.svelte-1fig1fz{color:#ed1849}.subtab-flex.svelte-1fig1fz .subtab-content.svelte-1fig1fz{flex:1}ul.svelte-1fig1fz.svelte-1fig1fz{margin:0 40px 20px 70px}@media screen and (max-width: 1080px){.subtab-flex.svelte-1fig1fz.svelte-1fig1fz{flex-direction:column}.subtab-flex.svelte-1fig1fz .scroll-container.svelte-1fig1fz{max-height:unset;overflow:unset}.subtab-flex.svelte-1fig1fz ul.svelte-1fig1fz{margin:0 0 20px;display:flex;flex-wrap:wrap}.subtab-flex.svelte-1fig1fz ul li.svelte-1fig1fz{padding:5px 10px}.subtab-flex.svelte-1fig1fz ul li span.svelte-1fig1fz{width:unset;border-bottom:unset;margin:0;background:rgb(243,243,243);padding:4px;border-radius:5px}}.form-wrapper.svelte-c0ekuq.svelte-c0ekuq{width:100%;height:100%;display:flex;justify-content:center}form.svelte-c0ekuq.svelte-c0ekuq{display:flex;flex-direction:column;width:100%;margin:0 40px 20px 70px}form.svelte-c0ekuq label.svelte-c0ekuq{margin-bottom:10px;font-weight:700}form.svelte-c0ekuq textarea.svelte-c0ekuq{height:100px}form.svelte-c0ekuq input.svelte-c0ekuq,form.svelte-c0ekuq textarea.svelte-c0ekuq{padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;width:100%;resize:vertical;max-height:300px}form.svelte-c0ekuq input.svelte-c0ekuq:focus,form.svelte-c0ekuq textarea.svelte-c0ekuq:focus{outline:none;border-color:#666}form.svelte-c0ekuq button[type=submit].svelte-c0ekuq{padding:8px 16px;transition:.3s;background-color:#72c7ed;color:#fff;border:none;border-radius:4px;font-size:18px;cursor:pointer}form.svelte-c0ekuq button[type=submit].svelte-c0ekuq:hover{transition:.3s;background-color:#86fad6}form.svelte-c0ekuq button[type=submit].svelte-c0ekuq:focus{outline:none;box-shadow:0 0 0 3px #007bff4d}@media screen and (max-width: 1080px){form.svelte-c0ekuq.svelte-c0ekuq{max-width:unset;width:100%;margin:0 20px}}h4.svelte-1n0noky.svelte-1n0noky{margin:20px 40px 12px 70px;font-size:20px;font-family:SF UI Text semibold;font-weight:400;line-height:30px}h4.svelte-1n0noky span.svelte-1n0noky{color:#ed1849}h5.svelte-1n0noky.svelte-1n0noky{margin:0 40px 20px 70px;font-size:16px;border-bottom:2px solid #f7eeee;padding-bottom:15px;font-weight:100;position:relative;font-family:SF UI Text regular}@media screen and (max-width: 1080px){h4.svelte-1n0noky.svelte-1n0noky,h5.svelte-1n0noky.svelte-1n0noky{margin:20px}}