#background.svelte-gh57bq{min-height:100svh;font-family:inter,sans-serif;container:background/inline-size}.container.svelte-gh57bq{grid-template-rows:repeat(4,auto);grid-template-columns:1fr 1fr;width:100%;max-width:1600px;margin:auto;padding:5rem 0;display:grid;position:relative;overflow:hidden}.navigation.svelte-gh57bq{grid-area:1/1/auto/-1;align-items:center;gap:.75rem;padding:1rem clamp(2rem,1.5rem + 10vw,15rem);display:flex;transform:rotate(-5deg)}.navigation.svelte-gh57bq button:where(.svelte-gh57bq){cursor:pointer;border:none;margin:0;padding:0}.navigation.svelte-gh57bq .left-arrow:where(.svelte-gh57bq){aspect-ratio:1;clip-path:polygon(0% 50%,100% 0%,100% 100%);background-color:red;width:2.5rem;position:relative}.navigation.svelte-gh57bq .left-arrow:where(.svelte-gh57bq):before{content:"";clip-path:polygon(25% 50%,100% 80%,100% 70%,50% 50%,100% 30%,100% 20%);background-color:#fff;position:absolute;inset:0}.navigation.svelte-gh57bq .right-arrow:where(.svelte-gh57bq){aspect-ratio:1;clip-path:polygon(100% 50%,0% 0%,0% 100%);background-color:red;width:2.5rem;position:relative}.navigation.svelte-gh57bq .right-arrow:where(.svelte-gh57bq):before{content:"";clip-path:polygon(75% 50%,0% 80%,0% 70%,50% 50%,0% 30%,0% 20%);background-color:#fff;position:absolute;inset:0}.navigation.svelte-gh57bq .bullet-point:where(.svelte-gh57bq){aspect-ratio:1;background-color:#fff;border-radius:50%;width:.75rem}.navigation.svelte-gh57bq .bullet-point[data-selected]:where(.svelte-gh57bq){outline-offset:3px;outline:3px solid #fff}.content.svelte-gh57bq{color:#000;background-color:#fff;flex-direction:column;grid-area:2/1/span 2/-1;width:120%;min-height:300px;margin-left:-10%;padding-left:10%;font-style:italic;display:flex;transform:rotate(-5deg);box-shadow:0 -6px red}.bg-header.svelte-gh57bq{color:#fff;background:#000;margin-top:2rem;padding-left:15%;font-size:clamp(1rem,.5rem + 2vw,2rem)}.bg-class.svelte-gh57bq{padding-left:12%;padding-right:50%;font-size:clamp(1.5rem,1rem + 2vw,2.5rem)}.bg-type.svelte-gh57bq{color:#fff;background:#000;align-self:flex-end;width:85%;margin-top:1rem;padding-left:5%;font-size:clamp(1rem,.5rem + 2vw,2rem)}.bg-note.svelte-gh57bq{padding-left:20%;font-size:clamp(1rem,.5rem + 2vw,2rem)}.portrait.svelte-gh57bq{z-index:2;clip-path:polygon(4% 100%,100% 100%,100% 0,36% 0,2% 84%);background-color:#5c666ee6;grid-area:1/2/-1;place-items:center;height:500px;display:grid;position:relative}@container background (width<480px){.portrait.svelte-gh57bq{height:400px}}.portrait.svelte-gh57bq img:where(.svelte-gh57bq){filter:drop-shadow(-4rem 1rem #add8e6);width:75%;height:auto;display:block}@container background (width<480px){.portrait.svelte-gh57bq img:where(.svelte-gh57bq){filter:drop-shadow(-1rem .5rem #add8e6);width:100%}}.portrait.svelte-gh57bq .edge:where(.svelte-gh57bq){z-index:2;clip-path:polygon(100% 100%,0 100%,4% 98%,60% 30%,100% 0%);background-color:#000;width:30%;height:40%;position:absolute;bottom:0;right:0}.portrait.svelte-gh57bq .edge:where(.svelte-gh57bq):after{content:"";clip-path:polygon(100% 100%,0 100%,4% 98%,60% 30%,100% 0%);background-color:#3d3e47;width:92%;height:92%;display:block;position:absolute;bottom:0;right:0}.state.svelte-gh57bq{cursor:pointer;z-index:100;background:0 0;border:none;grid-template-rows:.75rem auto auto;grid-template-columns:repeat(2,auto);font-size:clamp(1rem,.5rem + 2vw,2rem);animation:1s ease-in-out infinite both svelte-gh57bq-bounce;display:grid;position:absolute;top:5rem;right:3rem;overflow:hidden}@container background (width<480px){.state.svelte-gh57bq{top:8rem;right:0}}.state.svelte-gh57bq:hover{filter:drop-shadow(4px 4px red);animation-play-state:paused}.state.svelte-gh57bq:hover svg:where(.svelte-gh57bq){transform:rotate(180deg)}.state.svelte-gh57bq .state-content:where(.svelte-gh57bq){color:#fff;z-index:2;grid-area:1/1/span 2;padding:0 .5rem;font-style:italic;font-weight:800;display:flex}.state.svelte-gh57bq .state-content:where(.svelte-gh57bq) svg:where(.svelte-gh57bq){aspect-ratio:1;fill:#fff;height:1lh;transition:transform .5s}.state.svelte-gh57bq .pad:where(.svelte-gh57bq){background-color:#353d4d;border-radius:9999px;grid-area:2/1/span 2/-1;height:1lh}@keyframes svelte-gh57bq-bounce{0%{transform:rotate(-10deg)translateY(0)}60%{transform:rotate(-10deg)translateY(-.5rem)}to{transform:rotate(-10deg)translateY(0)}}#intro.svelte-1fq1jei{isolation:isolate;min-height:100svh;padding-top:8rem;padding-bottom:2rem;display:grid;position:relative}#intro.svelte-1fq1jei .bg-layer:where(.svelte-1fq1jei){z-index:-1;position:absolute;inset:0}#intro.svelte-1fq1jei .container:where(.svelte-1fq1jei){flex-wrap:wrap;width:100%;min-width:0;max-width:1600px;margin:auto;display:flex;overflow-x:hidden;container-type:inline-size}#intro.svelte-1fq1jei .left:where(.svelte-1fq1jei){flex:auto;align-self:center;margin-inline-start:clamp(.5rem,2%,1rem)}#intro.svelte-1fq1jei .caption:where(.svelte-1fq1jei){align-items:center;gap:min(2vw,1rem);display:flex}#intro.svelte-1fq1jei .caption:where(.svelte-1fq1jei) span:where(.svelte-1fq1jei){color:red;font-family:montserrat,sans-serif;font-size:clamp(.5rem,3vw + .5rem,2rem);font-weight:800;line-height:2}#intro.svelte-1fq1jei .caption:where(.svelte-1fq1jei):before{content:"";transform-origin:0;background:red;width:min(6ch,5vw);height:4px;animation:.5s both svelte-1fq1jei-grow-line;display:block;transform:scaleX(0)}#intro.svelte-1fq1jei .role:where(.svelte-1fq1jei){align-items:stretch;gap:min(2vw,1rem);height:fit-content;display:flex}#intro.svelte-1fq1jei .role:where(.svelte-1fq1jei) .content:where(.svelte-1fq1jei){-webkit-mask:url(#strips);mask:url(#strips)}#intro.svelte-1fq1jei .role:where(.svelte-1fq1jei) .overlay:where(.svelte-1fq1jei){color:#0000;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0}#intro.svelte-1fq1jei .role:where(.svelte-1fq1jei) .ribbon:where(.svelte-1fq1jei){content:"";transform-origin:0;z-index:5;background-color:#00f;width:min(6ch,5vw);position:relative}#intro.svelte-1fq1jei .role:where(.svelte-1fq1jei) .title:where(.svelte-1fq1jei){position:relative}#intro.svelte-1fq1jei h1:where(.svelte-1fq1jei){color:#fff;-webkit-text-stroke:2px #fff;margin:0;padding:.5rem;font-family:Bebas Neue,Arial,sans-serif;font-size:clamp(3rem,17vw + 1rem,12rem);line-height:.8;overflow:hidden}#intro.svelte-1fq1jei h1:where(.svelte-1fq1jei) span:where(.svelte-1fq1jei){display:block}#intro.svelte-1fq1jei .contact-me:where(.svelte-1fq1jei){width:fit-content;margin-top:2rem;font-size:clamp(1rem,3.5vw,2.5rem)}#intro.svelte-1fq1jei .contact-me:where(.svelte-1fq1jei) svg:where(.svelte-1fq1jei){aspect-ratio:1;height:1lh}#intro.svelte-1fq1jei .contact-me:where(.svelte-1fq1jei) .button:where(.svelte-1fq1jei){cursor:pointer;color:red;background-color:#161616;align-items:stretch;padding:.4em;font-family:montserrat,sans-serif;text-decoration:none;display:flex}#intro.svelte-1fq1jei .contact-me:where(.svelte-1fq1jei) .button:where(.svelte-1fq1jei):hover{color:#d40606;background:#c8c8c8}#intro.svelte-1fq1jei .contact-me:where(.svelte-1fq1jei) .button:where(.svelte-1fq1jei) span:where(.svelte-1fq1jei){font-weight:800}#intro.svelte-1fq1jei .right:where(.svelte-1fq1jei){flex:0 auto;margin:auto;position:relative}#intro.svelte-1fq1jei .right:where(.svelte-1fq1jei) img:where(.svelte-1fq1jei){object-fit:cover;object-position:center;filter:drop-shadow(10px 10px gray);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:30rem;max-width:100%;height:auto}#intro.svelte-1fq1jei .right:where(.svelte-1fq1jei) .about:where(.svelte-1fq1jei){z-index:1;max-width:90%;font-family:inter,sans-serif;position:absolute;bottom:2rem;left:clamp(-4rem,-3vw,0rem)}#intro.svelte-1fq1jei .right:where(.svelte-1fq1jei) .about:where(.svelte-1fq1jei) .card:where(.svelte-1fq1jei){background-color:#010039cc;padding:0 2rem 1rem;position:relative}#intro.svelte-1fq1jei .right:where(.svelte-1fq1jei) .about:where(.svelte-1fq1jei) .card:where(.svelte-1fq1jei):before{content:"";clip-path:polygon(0% 100%,100% 100%,100% 0);background-color:inherit;width:10%;height:100%;position:absolute;top:0;left:-9.9%}#intro.svelte-1fq1jei .right:where(.svelte-1fq1jei) .about:where(.svelte-1fq1jei) .card:where(.svelte-1fq1jei):after{content:"";clip-path:polygon(0% 0%,100% 0%,0% 100%);background-color:inherit;width:10%;height:100%;position:absolute;top:0;left:99.9%}#intro.svelte-1fq1jei .right:where(.svelte-1fq1jei) .about:where(.svelte-1fq1jei) .shape:where(.svelte-1fq1jei){z-index:1;clip-path:url(#about-title-shape);pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#0901fa;width:50%;height:5rem;position:absolute;top:-2rem;left:-1rem}#intro.svelte-1fq1jei .right:where(.svelte-1fq1jei) .about:where(.svelte-1fq1jei) h4:where(.svelte-1fq1jei){color:#00e1ff;z-index:2;margin:-1.25rem 0 0;font-size:clamp(1.5rem,3.5vw,2.5rem);display:inline-block;position:relative}#intro.svelte-1fq1jei .right:where(.svelte-1fq1jei) .about:where(.svelte-1fq1jei) p:where(.svelte-1fq1jei){color:#fff;z-index:2;margin:.25rem 0 0;font-size:clamp(1rem,2.5vw,1.5rem);position:relative}@keyframes svelte-1fq1jei-grow-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#projects.svelte-nz99jg{min-height:100svh;font-family:montserrat,Arial,sans-serif;container:projects/inline-size}.container.svelte-nz99jg{flex-wrap:wrap;align-items:center;gap:3.5rem;max-width:1600px;margin:1.5rem auto;display:flex}.header.svelte-nz99jg{color:#fff;font-size:clamp(2.5rem,2.25rem + 2vw,4rem);font-style:italic;font-weight:800}.projects.svelte-nz99jg{flex:25rem;min-width:0;overflow-x:hidden}.projects-body.svelte-nz99jg{--rotation:7.5deg;transform:skew(var(--rotation));padding-left:3rem;display:flex}@container projects (width<1024px){.projects-body.svelte-nz99jg{padding-left:0;transform:none}}.scroll.svelte-nz99jg{background-color:#0e0e55;align-self:flex-end;width:1.25rem;height:10rem;max-height:100%;padding:.3rem}.scroll.svelte-nz99jg .track:where(.svelte-nz99jg){height:100%;position:relative}.scroll.svelte-nz99jg .thumb:where(.svelte-nz99jg){cursor:grab;background:#fff;position:absolute;top:0;left:0;right:0}.scroll.svelte-nz99jg .thumb:where(.svelte-nz99jg):hover{transform:scale(1.1)}.list-scroll.svelte-nz99jg{scrollbar-width:none;-ms-overflow-style:none;width:35rem;height:35rem;overflow:hidden auto}.list-scroll.svelte-nz99jg::-webkit-scrollbar{display:none}.list.svelte-nz99jg{flex-direction:column;gap:.5rem;min-width:fit-content;padding:1rem 1rem 0;list-style:none;display:flex}.list-item.svelte-nz99jg{display:block}.list-item.svelte-nz99jg:hover{transform:scale(1.05,1.1)}.list-item[data-selected].svelte-nz99jg .list-card:where(.svelte-nz99jg){filter:drop-shadow(.5rem -.25rem red);--dark-color:#000;--light-color:#fff}.list-card.svelte-nz99jg{--light-color:#72ffff;--dark-color:#0e0e55;background-color:var(--dark-color);cursor:pointer;border:none;width:100%;margin:0;padding:.5rem 1.25rem;display:block}.list-card-content.svelte-nz99jg{transform:skew(calc(-1 * var(--rotation)));grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;display:grid}.list-card-id.svelte-nz99jg{color:var(--light-color);z-index:1;grid-area:1/1;place-items:center;width:2.75rem;font-family:Bebas Neue,Arial,sans-serif;display:grid;position:relative}.list-card-id.svelte-nz99jg:before{content:"";z-index:-1;background:var(--dark-color);border:solid 2px var(--light-color);border-radius:4px;position:absolute;inset:0;transform:scale(1.2)rotate(15deg)}.list-card-id.svelte-nz99jg span:where(.svelte-nz99jg){font-size:clamp(1.5rem,1rem + 5vw,2.5rem);font-weight:600;display:block}.list-card-name.svelte-nz99jg{color:var(--light-color);grid-area:1/2;align-items:end;font-size:clamp(1.5rem,1rem + 5vw,3rem);font-weight:500;display:grid}.list-card-name.svelte-nz99jg span:where(.svelte-nz99jg){letter-spacing:-4px;text-overflow:ellipsis;text-wrap:nowrap;margin-left:1rem;overflow:hidden}.list-card-about.svelte-nz99jg{background-color:var(--light-color);color:var(--dark-color);text-align:center;grid-area:2/1/auto/-1;font-size:clamp(1rem,.5rem + 5vw,2rem)}.list-card-about.svelte-nz99jg span:where(.svelte-nz99jg){text-overflow:ellipsis;text-wrap:nowrap;display:block;overflow:hidden}.list-card-type.svelte-nz99jg{color:var(--light-color);grid-area:1/3;align-items:end;font-size:clamp(1rem,.5rem + 5vw,2rem);font-weight:800;display:grid}.list-card-type.svelte-nz99jg span:where(.svelte-nz99jg){line-height:.7}.detail.svelte-nz99jg{color:#fff;flex:20rem;min-width:0}@container projects (width<1024px){.detail.svelte-nz99jg{z-index:99999;background-color:#000c;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:fixed;inset:0}}.detail-wrapper.svelte-nz99jg{grid-template-rows:1fr auto auto;width:40rem;min-width:0;max-width:100%;min-height:15rem;display:grid}.detail-card.svelte-nz99jg{background-color:#00043c;grid-area:1/1/span 2;display:flow-root}.detail-actions.svelte-nz99jg{flex-wrap:wrap;grid-area:2/1/span 2;justify-content:flex-end;display:flex}.detail-actions.svelte-nz99jg button:where(.svelte-nz99jg),.detail-actions.svelte-nz99jg a:where(.svelte-nz99jg){color:#fff;cursor:pointer;background-color:#0000;align-items:center;font-family:inter,sans-serif;font-size:2.5rem;font-style:italic;font-weight:800;text-decoration:none;display:flex}.detail-actions.svelte-nz99jg button:where(.svelte-nz99jg) svg:where(.svelte-nz99jg),.detail-actions.svelte-nz99jg a:where(.svelte-nz99jg) svg:where(.svelte-nz99jg){transform:translate(25%)scale(1.25)}.detail-actions.svelte-nz99jg button:where(.svelte-nz99jg) span:where(.svelte-nz99jg),.detail-actions.svelte-nz99jg a:where(.svelte-nz99jg) span:where(.svelte-nz99jg){z-index:2;position:relative}.detail-actions.svelte-nz99jg button:where(.svelte-nz99jg):hover span:where(.svelte-nz99jg):before,.detail-actions.svelte-nz99jg a:where(.svelte-nz99jg):hover span:where(.svelte-nz99jg):before{content:"";z-index:-1;background-color:#0901fa;width:80%;height:80%;position:absolute;top:25%;left:25%;transform:skew(-25deg)}.detail-body.svelte-nz99jg{width:100%;max-width:28rem;margin:2rem auto}.detail-header.svelte-nz99jg{color:#050347;text-align:center;text-wrap:nowrap;text-overflow:ellipsis;background-color:#fff;width:100%;font-size:1.5rem;display:block;overflow-x:hidden}.detail-content.svelte-nz99jg{min-height:4rem;max-height:25rem;margin-top:1rem;padding:0 .5rem;overflow-y:auto}#skills.svelte-1jolfm4{place-items:center;min-height:100svh;padding:2rem 0;display:grid}#skills.svelte-1jolfm4 .container:where(.svelte-1jolfm4){flex-wrap:wrap;width:100%;min-width:0;max-width:1600px;margin:auto;overflow-x:hidden}#skills.svelte-1jolfm4 .header:where(.svelte-1jolfm4){transform-origin:0;background:linear-gradient(#fff 0% 75%,#0000 75%);padding-top:2rem}#skills.svelte-1jolfm4 .header:where(.svelte-1jolfm4) h3:where(.svelte-1jolfm4){color:#b3b3b3;margin:0;padding:0;font-family:inter,sans-serif;font-size:clamp(3.5rem,3rem + 8vw,8rem);font-style:italic;font-weight:800}#skills.svelte-1jolfm4 .body:where(.svelte-1jolfm4){flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4){flex:0 30rem;align-self:center;min-width:0;margin:0 auto}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) .list-scroll:where(.svelte-1jolfm4){direction:rtl;height:28rem;padding-left:.5rem;overflow-y:auto}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) ul:where(.svelte-1jolfm4){direction:ltr;flex-direction:column;gap:.25rem;width:100%;max-width:100%;margin:2rem 0;padding-inline:1rem;list-style:none;display:flex}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4):is(:where(.svelte-1jolfm4):hover,[data-selected]:where(.svelte-1jolfm4)) .content:where(.svelte-1jolfm4){color:#000;background-color:#fff}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4):is(:where(.svelte-1jolfm4):hover,[data-selected]:where(.svelte-1jolfm4)) .info:where(.svelte-1jolfm4){color:#000}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4):is(:where(.svelte-1jolfm4):hover,[data-selected]:where(.svelte-1jolfm4)) .info:where(.svelte-1jolfm4) svg:where(.svelte-1jolfm4){fill:#03faff}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4):hover{filter:drop-shadow(4px -3px red)}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4)[data-selected]{filter:drop-shadow(4px -3px #b9b8b8e6)}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4) button:where(.svelte-1jolfm4){cursor:pointer;background:0 0;border:none;align-items:center;width:90%;margin:0;padding:0;display:flex;position:relative}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4) button:where(.svelte-1jolfm4) img:where(.svelte-1jolfm4){z-index:1;height:90%;position:absolute;top:5%;bottom:5%;left:0;transform:translate(-25%)}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4) button:where(.svelte-1jolfm4) .content:where(.svelte-1jolfm4){color:#fff;background-color:#000;gap:2ch;width:98%;padding:.8rem 1rem .8rem 3rem;font-size:1.5rem;display:flex;position:relative}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4) button:where(.svelte-1jolfm4) .content:where(.svelte-1jolfm4):after{content:"";clip-path:polygon(0% 100%,0% 0%,100% 0);background-color:inherit;width:2%;height:100%;position:absolute;top:0;left:calc(100% - 1px)}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4) button:where(.svelte-1jolfm4) .content:where(.svelte-1jolfm4) span:where(.svelte-1jolfm4){text-overflow:ellipsis;text-wrap:nowrap;flex:auto;display:block;overflow:hidden}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4) button:where(.svelte-1jolfm4) .separator:where(.svelte-1jolfm4){background-color:red;align-self:stretch;width:2px;transform:rotate(45deg)}#skills.svelte-1jolfm4 .skill-list:where(.svelte-1jolfm4) li:where(.svelte-1jolfm4) button:where(.svelte-1jolfm4) .info:where(.svelte-1jolfm4){color:#fff;align-items:center;gap:.25ch;font-size:1.75rem;display:flex}#skills.svelte-1jolfm4 .skill-detail:where(.svelte-1jolfm4){color:#000;flex:0 auto;min-width:0;margin:0 auto;font-size:clamp(.75rem,.5rem + 5vw,1rem)}#skills.svelte-1jolfm4 .skill-detail:where(.svelte-1jolfm4) .skill-stats:where(.svelte-1jolfm4){filter:drop-shadow(-8px 8px #0b3496);font-family:inter,serif}#skills.svelte-1jolfm4 .skill-detail:where(.svelte-1jolfm4) .skill-stats:where(.svelte-1jolfm4) .wrapper-outline:where(.svelte-1jolfm4){clip-path:polygon(0 0,100% 0,100% 100%,1.5rem 100%);background-color:#fff;width:30em;max-width:100%;height:11em;padding:.75em 0 .75em .75em}#skills.svelte-1jolfm4 .skill-detail:where(.svelte-1jolfm4) .skill-stats:where(.svelte-1jolfm4) .wrapper:where(.svelte-1jolfm4){clip-path:polygon(0 0,100% 0,100% 100%,1.25rem 100%);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto;width:100%;height:100%;display:grid}#skills.svelte-1jolfm4 .skill-detail:where(.svelte-1jolfm4) .skill-stats:where(.svelte-1jolfm4) .skill-category:where(.svelte-1jolfm4){color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:1.5rem 0 .75rem;background-color:#000;grid-area:1/1/auto/-1;padding-left:1ch;font-size:1.25em;overflow:hidden}#skills.svelte-1jolfm4 .skill-detail:where(.svelte-1jolfm4) .skill-stats:where(.svelte-1jolfm4) .skill-name:where(.svelte-1jolfm4){text-align:center;white-space:nowrap;text-overflow:ellipsis;grid-area:2/1;padding-left:1ch;font-size:2.5em;font-weight:800;overflow:hidden}#skills.svelte-1jolfm4 .skill-detail:where(.svelte-1jolfm4) .skill-stats:where(.svelte-1jolfm4) .skill-rank-label:where(.svelte-1jolfm4){grid-area:2/2;place-items:center;font-size:1.25em;font-weight:700;display:grid}#skills.svelte-1jolfm4 .skill-detail:where(.svelte-1jolfm4) .skill-stats:where(.svelte-1jolfm4) .skill-rank-value:where(.svelte-1jolfm4){-webkit-text-stroke:2px #fff;color:#000;grid-area:1/3/-1;place-items:end;font-size:7.5em;font-weight:800;line-height:.95;display:grid}#skills.svelte-1jolfm4 .skill-detail:where(.svelte-1jolfm4) .skill-stats:where(.svelte-1jolfm4) .skill-rank-star:where(.svelte-1jolfm4){text-align:center;white-space:none;grid-area:3/1/auto/-1;margin:0 1em;overflow:auto}#skills.svelte-1jolfm4 .skill-detail:where(.svelte-1jolfm4) .skill-opinion:where(.svelte-1jolfm4){color:#fff;width:30rem;max-width:100%;margin-top:1rem;padding:1ch;font-size:1.25rem}