.svelte-1uha8ag,.svelte-1uha8ag:before,.svelte-1uha8ag:after,body{box-sizing:border-box;margin:0;padding:0;list-style:none;appearance:none;text-decoration:none;scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;--first-color: #2e94b9;--second-color: #fffdc1;--third-color: #f0b775;--fourth-color: #d25565}main.svelte-1uha8ag{position:relative;width:100%;height:100vh;overflow-y:hidden;background-image:url(../../../Passepartout_Fotografie-Studio_Italy-47-brushed-3840x2550.jpg);background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;z-index:0}main.svelte-1uha8ag:before{content:"";position:absolute;inset:0;z-index:-1;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}main.svelte-1uha8ag{display:flex;background-color:#d4d4d4bd;overflow-x:auto;overflow-y:hidden;scroll-snap-type:inline mandatory;scroll-behavior:smooth;z-index:1}.covers.svelte-1uha8ag{position:relative;display:flex;flex:0 0 100vw;width:100vw;height:100vh;scroll-snap-align:center;scroll-snap-stop:always;scroll-margin-inline:2.5px;align-items:center;justify-content:center;font-size:3rem;border-radius:13px;transition:.2s ease-in-out}@starting-style{.covers.svelte-1uha8ag{background-color:#000;scale:.3}}#cover-1.svelte-1uha8ag{--color:var(--first-color)}#cover-2.svelte-1uha8ag{--color:var(--second-color)}#cover-3.svelte-1uha8ag{--color:var(--third-color)}#cover-5.svelte-1uha8ag{--color:var(--fourth-color);outline:solid black}.covers.svelte-1uha8ag{background-color:var(--color);color:var(--color)}.covers.svelte-1uha8ag .frame:where(.svelte-1uha8ag){display:grid;width:100%;height:100%;scroll-behavior:smooth}.covers.svelte-1uha8ag .frame:where(.svelte-1uha8ag):is(:visited,:focus,:active){color:unset}.covers.svelte-1uha8ag:has(:active,:focus-within){transform:scale(.6) translate(13vw);transition:.5s ease-in-out}.covers.svelte-1uha8ag:after{position:absolute;inset:20%;display:grid;place-content:center;color:#00000049;mix-blend-mode:multiply;font-size:15rem;pointer-events:none}.covers.svelte-1uha8ag:hover:after{filter:blur(3px);transition:1s ease-in-out .5s}#cover-3.svelte-1uha8ag:after{filter:blur(0px)}#cover-1.svelte-1uha8ag:after{content:""}#cover-2.svelte-1uha8ag:after{content:"about"}#cover-3.svelte-1uha8ag:after{content:"work"}#cover-5.svelte-1uha8ag:after{content:"more"}#cover-1.svelte-1uha8ag a:where(.svelte-1uha8ag){grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}#cover-1.svelte-1uha8ag a:where(.svelte-1uha8ag) .pics-container:where(.svelte-1uha8ag){position:relative;grid-row:1/2;grid-column:1/-1;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.pics-container.svelte-1uha8ag span:where(.svelte-1uha8ag){--inner-size: 20vw;position:relative;background-color:red;translate:0 13%;margin-inline:calc(var(--inner-size) * .5);width:var(--inner-size);height:var(--inner-size);outline:solid rgba(206,25,25,.81)}.profile.svelte-1uha8ag img:where(.svelte-1uha8ag){width:100%;height:100%;object-fit:cover;object-position:center}.flower.svelte-1uha8ag{width:5vw;aspect-ratio:1;--g:/25.486% 25.486% radial-gradient(#000 calc(71% - 1px) ,#0000 71%) no-repeat;mask:100% 50% var(--g),88.302% 82.139% var(--g),58.682% 99.24% var(--g),25% 93.301% var(--g),3.015% 67.101% var(--g),3.015% 32.899% var(--g),25% 6.699% var(--g),58.682% .76% var(--g),88.302% 17.861% var(--g),radial-gradient(100% 100%,#000 35.01%,#0000 calc(35.01% + 1px));transition:1.5s}#cover-1.svelte-1uha8ag:has(.frame:active,.frame:focus-within) :is(.profile-2){--inner-size: 30vw;&img{scale:1;transition:1.5s}}#cover-1.svelte-1uha8ag:has(.frame:active,.frame:focus-within) :is(.profile-2).flower{--g:/25.486% 25.486% radial-gradient(#000 calc(71% - 1px) ,#0000 71%) no-repeat;mask:100% 50% var(--g),88.302% 82.139% var(--g),58.682% 99.24% var(--g),25% 93.301% var(--g),3.015% 67.101% var(--g),3.015% 32.899% var(--g),25% 6.699% var(--g),58.682% .76% var(--g),88.302% 17.861% var(--g),radial-gradient(100% 100%,#000 35.01%,#0000 calc(35.01% + 1px));scale:1.5;rotate:15deg;translate:0 -6vw}.name.svelte-1uha8ag{position:relative;width:100%;height:min-content;grid-row:2;grid-column:1/ -1;z-index:2;font-size:clamp(1rem,-10rem + 56vw,14rem);font-weight:400;pointer-events:none;mix-blend-mode:multiply}#cover-2.svelte-1uha8ag a:where(.svelte-1uha8ag){grid-template-columns:1fr 2fr;grid-template-rows:1fr 1fr 1.5fr;color:initial;mix-blend-mode:luminosity}#cover-2.svelte-1uha8ag:is(:active,:focus-within) img:where(.svelte-1uha8ag){opacity:1;right:-10%;top:-20%;transition:1s ease-in-out;z-index:4;mix-blend-mode:darken}.side-info.svelte-1uha8ag{grid-column:1/2;grid-row:3/span 1;place-self:center;margin:5%}.side-info.svelte-1uha8ag ul:where(.svelte-1uha8ag){width:100%;height:100%;display:grid;place-content:center}.bio.svelte-1uha8ag{grid-column:2/-1;grid-row:2/-1;padding:3%;overflow:hidden;z-index:2}.bio.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:clamp(1rem,2ex,3rem);line-height:1.2;padding:3%;transition:1s ease;border-radius:70px;corner-shape:superellipse(0)}.bio.svelte-1uha8ag p:where(.svelte-1uha8ag):hover{background-color:color-mix(in srgb,var(--second-color) 30%,rgba(255,255,255,.708));background-color:color-mix(in srgb,hsl(59,23%,63%) 100%,rgba(255,255,255,.936));background-color:color-mix(in srgb,hsl(60,13%,20%) 100%,rgba(255,255,255,.936));-webkit-backdrop-filter:blur(15px) brightness(1.7);backdrop-filter:blur(15px) brightness(1.7);z-index:500;color:#fff}.side-pic.svelte-1uha8ag{position:relative;grid-column:2/-1;grid-row:1/-1;place-self:center;width:100%;height:100%;mix-blend-mode:difference}.side-pic.svelte-1uha8ag img:where(.svelte-1uha8ag){position:absolute;right:0;width:40%;height:auto;object-fit:cover;object-position:center;opacity:.5;mix-blend-mode:multiply}.scalloped-box.svelte-1uha8ag{--r: 20px;border-radius:100px;corner-shape:superellipse(2);height:350px;padding:calc(1.9 * var(--r));background:#e97d02d2;color:var(--second-color);mask:linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 2*var(--r)) calc(100% - 2*var(--r)),radial-gradient(farthest-side,#000 97%,#0000) 0 0/calc(2*var(--r)) calc(2*var(--r)) round}#cover-3.svelte-1uha8ag{display:flex}#cover-3.frame.svelte-1uha8ag{position:relative;display:grid;width:100%;grid-template-columns:[side-start] 1fr [mid-start] 1fr [mid-end] 1fr [side-end];grid-template-rows:[side-start] 1fr [mid-start] 1fr [mid-end] 1fr [side-end];transition:1.5s linear(0,.003 .4%,.011 .8%,.026 1.3%,.05 1.9%,.097 2.9%,.227 5.4%,.292 6.7%,.356 8.1%,.416 9.5%,.463 10.7%,.506 11.9%,.549 13.2%,.588 14.5%,.631 16.1%,.673 17.8%,.711 19.6%,.746 21.4%,.777 23.3%,.806 25.3%,.833 27.4%,.858 29.7%,.879 32%,.897 34.4%,.915 37%,.929 39.7%,.942 42.6%,.953 45.7%,.963 49%,.971 52.6%,.983 60.5%,.992 70.3%,.996 82.7%,1);color:#000;perspective:3000px;padding:1rem;height:100%;gap:1rem}#cover-3.svelte-1uha8ag section.mainG:where(.svelte-1uha8ag){will-change:transform,box-shadow;position:relative;grid-column:1/-1;grid-row:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;transition:1s cubic-bezier(.8,-.191,.5,1);transform-origin:right;transform:rotateY(-50deg) rotateX(0) scale(1);margin-left:6%}#cover-3.svelte-1uha8ag section.mainG:where(.svelte-1uha8ag):hover{transform:rotateY(0) rotateX(0)scale(1)}.mainG.svelte-1uha8ag article:where(.svelte-1uha8ag):nth-of-type(n){--radius:3rem;position:relative;display:grid;width:100%;place-items:center;font-size:3rem;border-radius:var(--radius);opacity:.3;filter:blur(2.5px) grayscale(10);z-index:0;outline:solid lightslategrey}.mainG.svelte-1uha8ag article:where(.svelte-1uha8ag):nth-of-type(n):hover{opacity:1;filter:blur(0);z-index:3;box-shadow:0 0 50px 5px #0000005a}.mainG.svelte-1uha8ag article:where(.svelte-1uha8ag):nth-of-type(n):not(:hover){transition:.5s ease-in-out;-webkit-user-select:none;user-select:none}.mainG.svelte-1uha8ag article:where(.svelte-1uha8ag):is(.mid_3,.top_2,.top_3){display:none}.mainG.svelte-1uha8ag article:where(.svelte-1uha8ag):has(iframe:where(.svelte-1uha8ag))>a:where(.svelte-1uha8ag){position:absolute;inset:0;z-index:2}.mainG.svelte-1uha8ag article:where(.svelte-1uha8ag) :is(iframe:where(.svelte-1uha8ag),img:where(.svelte-1uha8ag)){border:none;transition:none;width:-webkit-fill-available;width:-moz-available;width:stretch;height:-webkit-fill-available;height:stretch;border-radius:var(--radius)}.mainG.svelte-1uha8ag article.top_1:where(.svelte-1uha8ag){grid-column:1/4;grid-row:1/2}.mainG.svelte-1uha8ag article.top_1:where(.svelte-1uha8ag) iframe:where(.svelte-1uha8ag){position:absolute;inset:0;border-radius:var(--radius)}.mainG.svelte-1uha8ag article.mid_2:where(.svelte-1uha8ag){outline:none;box-shadow:none}.mainG.svelte-1uha8ag article.down_1:where(.svelte-1uha8ag) img:where(.svelte-1uha8ag){width:100%;height:100%}.mainG.svelte-1uha8ag article.down_2:where(.svelte-1uha8ag){border-radius:var(--radius);outline:none}.mainG.svelte-1uha8ag article.down_2:where(.svelte-1uha8ag) iframe:where(.svelte-1uha8ag){border-radius:var(--radius)}.mainG.svelte-1uha8ag article.down_3:where(.svelte-1uha8ag){grid-column:3/-1;grid-row:2/-1}.mainG.svelte-1uha8ag article.down_3:where(.svelte-1uha8ag) iframe:where(.svelte-1uha8ag){position:absolute;border-radius:var(--radius)}.stamp.svelte-1uha8ag{--r: 15px;width:100%;height:100%;border-radius:50px;corner-shape:superellipse(-2);padding:calc(2*var(--r));background:#5b9ad89c;mask:radial-gradient(var(--r),#0000 97%,#000) round calc(-1.5*var(--r)) calc(-1.5*var(--r))/calc(3*var(--r)) calc(3*var(--r)),linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 3*var(--r)) calc(100% - 3*var(--r))}#cover-3.svelte-1uha8ag:has(.top:hover,:focus-within):has(.top_1:hover,:focus){--_bg: hsl(54, 72%, 81%);background-color:var(--_bg);color:var(--_bg);grid-template-columns:5fr 1fr 3fr;grid-template-rows:5fr 1fr 1fr}#cover-3.svelte-1uha8ag:has(.top:hover,:focus-within):has(.top_1:hover,:focus):after{content:"Merlin";color:#dbc714}#cover-3.svelte-1uha8ag:has(.top:hover,:focus-within):has(.top_2:hover){grid-template-columns:1fr 2.5fr 1fr;grid-template-rows:2.5fr 1fr 1fr}#cover-3.svelte-1uha8ag:has(.top:hover,:focus-within):has(.top_3:hover){background-color:#eda48d;grid-template-columns:1fr 1fr 2.5fr;grid-template-rows:2.5fr 1fr 1fr}#cover-3.svelte-1uha8ag:has(.mid:hover,:focus-within):has(.mid_1:hover){--_bg:hsl(67, 34%, 71%);background-color:var(--_bg);color:var(--_bg);grid-template-columns:2.5fr 1fr 1fr;grid-template-rows:1fr 2.5fr 1fr}#cover-3.svelte-1uha8ag:has(.mid:hover,:focus-within):has(.mid_1:hover):after{content:"A11y tool";color:inherit}#cover-3.svelte-1uha8ag:has(.mid:hover,:focus-within):has(.mid_2:hover){background-color:#0000ff69;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}#cover-3.svelte-1uha8ag:has(.mid:hover,:focus-within):has(.mid_2:hover):after{content:"Next";color:#f0f8ff;mix-blend-mode:lighten}#cover-3.svelte-1uha8ag:has(.mid:hover,:focus-within):has(.mid_3:hover){grid-template-columns:1fr 1fr 2.5fr;grid-template-rows:1fr 2.5fr 1fr}#cover-3.svelte-1uha8ag:has(.down:hover,:focus-within):has(.down_1:hover){grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 2fr}#cover-3.svelte-1uha8ag:has(.down:hover,:focus-within):has(.down_1:hover):after{content:"school work"}#cover-3.svelte-1uha8ag:has(.down:hover,:focus-within):has(.down_2:hover,:focus-within,:active){--_bg:hsl(240, 1%, 24%);background-color:var(--_bg);color:var(--_bg);grid-template-columns:1fr 2.5fr 1fr;grid-template-rows:1fr 1fr 8fr}#cover-3.svelte-1uha8ag:has(.down:hover,:focus-within):has(.down_2:hover,:focus-within,:active):after{content:"Shaders";color:inherit}#cover-3.svelte-1uha8ag:has(.down:hover,:focus-within):has(.down_3:hover,:focus-within){--_bg:hsl(216, 98%, 61%);background-color:var(--_bg);color:var(--_bg);grid-template-columns:1fr 1fr 2.5fr;grid-template-rows:1fr 1fr 2.5fr}#cover-3.svelte-1uha8ag:has(.down:hover,:focus-within):has(.down_3:hover,:focus-within):after{content:"windows xp";color:inherit}#cover-5.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr 3fr 1fr;grid-template-rows:1fr 1fr 1fr}#cover-5.svelte-1uha8ag:after{font-size:9rem;filter:blur(1px)}#cover-5.svelte-1uha8ag a:where(.svelte-1uha8ag){display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:1/-2;grid-row:1/4;height:100%}#cover-5.svelte-1uha8ag ul:where(.svelte-1uha8ag){grid-row:2 / span 1;grid-column:4 / span 2;display:flex;flex-direction:column;place-self:center;place-content:end;align-items:end;transform-origin:right;color:#ffffffc1;width:100%;padding-right:30%}#cover-5.svelte-1uha8ag ul:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){color:#f5f5f5;text-transform:capitalize}#cover-5.svelte-1uha8ag ul:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag):hover{color:var(--link-color)}#cover-5.svelte-1uha8ag div:where(.svelte-1uha8ag){width:100%;height:100%;grid-column:3/span 1;grid-row:2/-1;display:flex;flex-wrap:wrap;overflow-wrap:break-word;border:red solid;display:none}