.landing-wrapper.svelte-1uha8ag{--color-projects-tint: #ff0000;--color-about-tint: #008080;--color-garden-tint: #0000ff;--color-bg-dark: #121212;--color-text-dark: #f0f0f0;--color-panel-projects-dark: #3f3f3f;--color-panel-about-dark: #242424;--color-panel-garden-dark: #1b1b1b;--border-color-dark: #333;--color-bg-light: #f0f0f0;--color-text-light: #121212;--color-panel-projects-light: rgb(88, 88, 88);--color-panel-about-light: #3b3b3bd0;--color-panel-garden-light: rgba(37, 37, 37, .796);--key-projects-bg: url(../../../frame.png);--key-about-bg: url(../../../frame2.png);--key-garden-bg: url(../../../garden.jpg);height:100vh;width:100%;margin:0;padding:0;box-sizing:border-box;font-family:Playfair Display,serif;overflow:hidden;background-color:var(--color-bg-dark);color:var(--color-text-dark);transition:background-color .5s ease,color .5s ease}.landing-wrapper[data-theme=light].svelte-1uha8ag{background-color:var(--color-bg-light);color:var(--color-text-light)}.accordion-container.svelte-1uha8ag{display:flex;width:100%;height:100%;overflow:hidden}.accordion-panel.svelte-1uha8ag{container-type:inline-size;flex-grow:1;height:100%;text-decoration:none;overflow:hidden;transition:flex-grow .6s ease-in-out;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;border-right:2px solid;outline:3px solid transparent;outline-offset:-3px;transition:flex-grow .6s ease-in-out,outline-color .2s ease}.landing-wrapper[data-theme=light].svelte-1uha8ag .accordion-panel:where(.svelte-1uha8ag){border-right-color:#ccc;background-color:var(--color-bg-light);color:var(--color-text-light)}.landing-wrapper[data-theme=dark].svelte-1uha8ag .accordion-panel:where(.svelte-1uha8ag){border-right-color:#333}.accordion-panel.svelte-1uha8ag:last-child{border-right:none!important}.landing-wrapper[data-theme=dark].svelte-1uha8ag .panel-projects:where(.svelte-1uha8ag){background-color:var(--color-panel-projects-dark)}.landing-wrapper[data-theme=dark].svelte-1uha8ag .panel-about-me:where(.svelte-1uha8ag){background-color:var(--color-panel-about-dark)}.landing-wrapper[data-theme=dark].svelte-1uha8ag .panel-garden:where(.svelte-1uha8ag){background-color:var(--color-panel-garden-dark)}.landing-wrapper[data-theme=light].svelte-1uha8ag .panel-projects:where(.svelte-1uha8ag){background-color:var(--color-panel-projects-light)}.landing-wrapper[data-theme=light].svelte-1uha8ag .panel-about-me:where(.svelte-1uha8ag){background-color:var(--color-panel-about-light)}.landing-wrapper[data-theme=light].svelte-1uha8ag .panel-garden:where(.svelte-1uha8ag){background-color:var(--color-panel-garden-light)}.accordion-panel.svelte-1uha8ag:hover,.accordion-panel.svelte-1uha8ag:focus{flex-grow:1.2;outline-color:currentColor}.accordion-container.svelte-1uha8ag:hover .accordion-panel:where(.svelte-1uha8ag),.accordion-container.svelte-1uha8ag:focus-within .accordion-panel:where(.svelte-1uha8ag){flex-grow:1}.accordion-container.svelte-1uha8ag:hover .accordion-panel:where(.svelte-1uha8ag):hover,.accordion-container.svelte-1uha8ag:focus-within .accordion-panel:where(.svelte-1uha8ag):focus{flex-grow:1.2}.panel-background.svelte-1uha8ag{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transform:scaleX(1.1);transition:opacity .5s ease-out,transform .6s ease-out;z-index:1}.accordion-panel.svelte-1uha8ag:hover .panel-background:where(.svelte-1uha8ag),.accordion-panel.svelte-1uha8ag:focus .panel-background:where(.svelte-1uha8ag){opacity:.3;transform:scaleX(1)}.panel-content.svelte-1uha8ag{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;pointer-events:none}.panel-link-header.svelte-1uha8ag{position:absolute;top:20px;left:20px;z-index:3;padding:10px 20px;border:2px solid currentColor;border-radius:5px;text-transform:uppercase;font-size:1.2rem;font-weight:700;opacity:0;transition:opacity .3s ease}.accordion-panel.svelte-1uha8ag:hover .panel-link-header:where(.svelte-1uha8ag),.accordion-panel.svelte-1uha8ag:focus .panel-link-header:where(.svelte-1uha8ag){opacity:1}.panel-title.svelte-1uha8ag{font-size:1.5rem;font-weight:700;text-transform:uppercase;white-space:nowrap;padding:20px;border-radius:10px;transition:opacity .3s ease;max-width:90%}.landing-wrapper[data-theme=dark].svelte-1uha8ag .panel-title:where(.svelte-1uha8ag){color:var(--color-text-dark);text-shadow:2px 2px 5px rgba(0,0,0,.9);background-color:#0009}.landing-wrapper[data-theme=light].svelte-1uha8ag .panel-title:where(.svelte-1uha8ag){color:var(--color-text-light);text-shadow:2px 2px 5px rgba(255,255,255,.9);background-color:#ffffffb3}.accordion-panel.svelte-1uha8ag:hover .panel-title:where(.svelte-1uha8ag),.accordion-panel.svelte-1uha8ag:focus .panel-title:where(.svelte-1uha8ag){opacity:0}.loading-screen.svelte-1uha8ag{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:inherit}.initial-name.svelte-1uha8ag{font-size:6.5vw;font-weight:900;letter-spacing:.1em;text-transform:uppercase;position:absolute;top:0;transform:translateY(0);animation:svelte-1uha8ag-name-scroll-fade 2s ease-in-out forwards;white-space:nowrap;color:inherit}.name-word.svelte-1uha8ag{display:inline-block;padding:0 .1em}@keyframes svelte-1uha8ag-name-scroll-fade{0%{transform:translateY(-100vh);opacity:1}35%{transform:translateY(0);opacity:1}85%{transform:translateY(0);opacity:1}to{transform:translateY(0);opacity:0}}.panel-projects.svelte-1uha8ag:before,.panel-projects.svelte-1uha8ag:after,.panel-about-me.svelte-1uha8ag:before,.panel-about-me.svelte-1uha8ag:after,.panel-garden.svelte-1uha8ag:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:1;transition:opacity .3s ease}.accordion-panel.svelte-1uha8ag:hover:before,.accordion-panel.svelte-1uha8ag:focus:before,.accordion-panel.svelte-1uha8ag:hover:after,.accordion-panel.svelte-1uha8ag:focus:after{opacity:0!important;animation:none!important}.panel-projects.svelte-1uha8ag:before{background-image:radial-gradient(circle,rgba(253,253,253,.4) 1.5px,transparent 2.5px);background-size:60px 60px;transform:rotate(20deg) scaleY(6);animation:svelte-1uha8ag-hail-fall-1 1.5s linear infinite}.panel-projects.svelte-1uha8ag:after{background-image:radial-gradient(circle,rgba(165,165,165,.4) 1px,transparent 2px);background-size:100px 100px;background-position:50px 0;transform:rotate(25deg) scaleY(5);animation:svelte-1uha8ag-hail-fall-2 1.5s linear infinite}@keyframes svelte-1uha8ag-hail-fall-1{0%{background-position:0 0}to{background-position:0 60px}}@keyframes svelte-1uha8ag-hail-fall-2{0%{background-position:50px 0}to{background-position:50px 100px}}.panel-about-me.svelte-1uha8ag:before,.panel-about-me.svelte-1uha8ag:after{top:0;left:0;width:100%;height:100%;transform:none;background-image:radial-gradient(circle,transparent 20%,rgba(255,255,255,.2) 30%,transparent 40%);background-position:center;background-repeat:no-repeat;opacity:0}.panel-about-me.svelte-1uha8ag:before{animation:svelte-1uha8ag-ripple-loop 4s linear infinite}.panel-about-me.svelte-1uha8ag:after{animation:svelte-1uha8ag-ripple-loop 4s linear infinite 2s}@keyframes svelte-1uha8ag-ripple-loop{0%{background-size:0% 0%;opacity:0}15%{opacity:1}to{background-size:150% 150%;opacity:0}}.panel-garden.svelte-1uha8ag:before{top:0;left:0;width:100%;height:100%;transform:none;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0%,transparent 65%);background-repeat:no-repeat;background-size:100% 60%;animation:svelte-1uha8ag-sun-setting 15s linear infinite}@keyframes svelte-1uha8ag-sun-setting{0%{background-position:50% -60%;opacity:.8}10%{opacity:1}90%{opacity:1}to{background-position:50% 160%;opacity:.8}}@container (min-width: 350px){.panel-title.svelte-1uha8ag{font-size:2rem}}@container (min-width: 450px){.panel-title.svelte-1uha8ag{font-size:3rem}}@media(max-width:768px){.accordion-container.svelte-1uha8ag{flex-direction:column}.accordion-panel.svelte-1uha8ag{container-type:inline-size;width:100%;height:33.33vh;border-right:none;border-bottom:2px solid}.landing-wrapper[data-theme=light].svelte-1uha8ag .accordion-panel:where(.svelte-1uha8ag){border-bottom-color:#ccc}.landing-wrapper[data-theme=dark].svelte-1uha8ag .accordion-panel:where(.svelte-1uha8ag){border-bottom-color:#333}.panel-title.svelte-1uha8ag{font-size:1.5rem;max-width:80%}.panel-link-header.svelte-1uha8ag{font-size:1rem;padding:8px 15px;opacity:0}.accordion-panel.svelte-1uha8ag:focus{outline-color:transparent}}