:root{font-family:MuseoModerno,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--Morning: rgb(161,217,158);--Midday: rgb(36,123,160);--Twilight: rgb(62,98,148);--Midnight: rgb(38, 40, 64);--Morning-text: var(--Twilight);--Midday-text: var(--Twilight);--Twilight-text: var(--Morning);--Midnight-text: var(--Morning);--night-glow: rgb(255,255,255);--morning-glow: rgb(100, 140, 190);--Mlight: rgb(232, 238, 245);--Mcrater: rgb(200, 208, 220);--Mdark: rgb(38, 40, 64);--text-color-rgb: rgb(20, 22, 25);--nav-font-color: rgb(247, 248, 250);--night-text: rgb(208,255,196);--nav-glow-color: rgb(100, 140, 190);--tooltip-color: rgba(255, 255, 255, 1);--sky-color: 161, 217, 158;--nav-height: clamp(3rem, 10vw, 4.2rem)}body section{position:relative;z-index:10;opacity:0;transition:.6s ease-in}section.show{opacity:1}@keyframes identifier{}body section h1,section h2,section h3{color:rgba(var(--text-color-rgb),1)}body section p,section li,section span{color:rgba(var(--text-color-rgb),.75)}body section a{color:rgba(var(--text-color-rgb),1);font-weight:600}body{min-height:100vh;z-index:0;margin:0;overflow:auto;background-color:var(--Morning);transition:background-color 2s ease}nav{display:flex;align-items:center;gap:clamp(.75rem,3vw,2rem);padding:0 clamp(1rem,4vw,2rem);font-size:clamp(1rem,4vw,1.5rem);height:var(--nav-height);box-sizing:border-box;position:sticky;transition:top .3s;top:0;z-index:1000}nav a:first-child{margin-right:auto}nav a{color:var(--nav-font-color);text-decoration:none;font-weight:600;position:relative;white-space:nowrap}a.homebutton{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;overflow:hidden;background-color:var(--nav-glow-color);outline:3px solid var(--nav-glow-color);outline-offset:4px;transition:transform .3s ease,outline-color .3s ease,box-shadow .3s ease}a.homebutton:hover{transform:scale(1.06);box-shadow:0 0 12px 4px var(--nav-glow-color)}a.homebutton img{width:100%;height:100%;object-fit:cover}nav a:not(a.homebutton):after{content:"";position:absolute;left:0%;top:100%;height:1px;width:100%;background:var(--nav-glow-color)}nav a:not(a.homebutton):hover:after{box-shadow:0 0 5px 3px var(--nav-glow-color);height:0%}nav a:not(a.homebutton):active:after{left:25%;width:50%}#hero{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - var(--nav-height))}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:x-large;width:90vw;padding:1rem}.hero-content a{animation:fadeUp 1s ease 1.2s forwards;opacity:0}.hero-content h1{animation:fadeUp 1s ease 1.5s forwards;opacity:0}.hero-content p{animation:fadeUp 1s ease 1.8s forwards;opacity:0}.hero-content ul{animation:fadeUp 1s ease 2s forwards;opacity:0}.hero-links{display:flex;align-items:center;justify-content:center;gap:2rem;list-style:none;padding:0;margin:0}.social-link{align-items:center;color:rgba(var(--text-color-rgb),.75);transition:color .3s ease}.social-link:hover{color:rgba(var(--text-color-rgb),1)}.resume-link{display:inline-flex;align-items:center;gap:clamp(.5rem,2vw,1rem);box-sizing:border-box;font-size:clamp(.9rem,1.5vw,1.1rem);color:rgb(var(--sky-color));background-color:rgb(var(--text-color-rgb));padding:.5rem 1.5rem;border-radius:.75rem;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,transform .25s ease}.resume-link>svg:first-child{width:clamp(1.5rem,3vw,1.75rem);height:auto;flex-shrink:0}.resume-link:hover{background-color:rgba(var(--text-color-rgb),.85);transform:translateY(-3px)}.resume-link p{margin:0;color:inherit}.resume-text{min-width:0}.resume-text h3{margin:0;color:rgb(var(--sky-color));font-size:clamp(1rem,1.8vw,1.2rem)}.resume-text p{margin:.35rem 0 0;font-size:clamp(.75rem,1.2vw,.9rem);color:rgb(var(--sky-color),.85);opacity:.8}.resume-arrow{width:clamp(1.25rem,2.5vw,1.5rem);height:auto;flex-shrink:0}.resume-arrow svg{display:block;width:100%;height:auto}.about-content{width:min(60rem,100%);display:grid;grid-template-columns:2fr 2fr 1fr;grid-template-rows:auto auto min-content;gap:1em;margin:0 auto;padding:2rem;grid-template-areas:"box-1 box-2 box-2" "box-1 box-3 box-3" "box-4 box-5 box-5"}.about-box{color:var(--nav-font-color)}.about-box:nth-child(2){align-items:end;justify-content:flex-end}.about-box:nth-child(1){background-color:rgba(var(--text-color-rgb),.05);border:1px solid rgba(var(--text-color-rgb),.15);border-radius:50%;aspect-ratio:1;padding:0}.about-box:nth-child(3){background-color:rgba(var(--text-color-rgb),.05);border:1px solid rgba(var(--text-color-rgb),.15);border-radius:12px}.about-box:nth-child(4){display:flex;align-items:center}.about-box:nth-child(5){display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;padding:0;overflow:visible;font-size:clamp(.85rem,3.5vw,1rem)}.about-box:nth-child(5)>h3{margin:0;font-size:1.25em}.skill-carousel::-webkit-scrollbar{display:none}.skill-carousel{scrollbar-width:none;margin:auto;width:100%;display:flex;height:100%;overflow-x:hidden}.skill-group{display:flex;align-items:center;justify-content:flex-start;gap:1em;padding-right:1em;height:100%;min-width:100%;flex-shrink:0;animation:spin-carousel 20s infinite linear}.skill-card{flex:0 0 auto;height:auto;width:auto;padding:1em;aspect-ratio:1 / 1;background:rgba(var(--text-color-rgb),.05);border:1px solid rgba(var(--text-color-rgb),.15);border-radius:.2em;align-content:center}@keyframes spin-carousel{0%{translate:0}to{translate:-100%}}.about-box{padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.about-box img{width:90%;height:90%;object-fit:cover;object-position:center 15%;display:block;border-radius:50%}.about-box img:after{content:"";position:absolute;left:0%;top:100%;height:1px;width:100%;background:var(--nav-glow-color)}.about-content h2{font-size:2rem;margin:0}#about{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - var(--nav-height))}@media (max-width: 700px){.about-content{width:100%;box-sizing:border-box;padding:1rem;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"box-2" "box-1" "box-4" "box-3" "box-5"}.about-box:nth-child(2){align-items:center;padding-bottom:0}.about-box:nth-child(5){flex-wrap:wrap;justify-content:center}.about-box:nth-child(1){width:60%;justify-self:center}}.sun{position:fixed;width:60px;height:60px;border-radius:50%;z-index:0;background:#fff;box-shadow:0 0 20px 5px #f8c85fb3,0 0 20px 10px #edf79666;transform:translate(-50%,-50%);transition:left .1s linear,top .1s linear,opacity 1s ease}.celestial-tooltip{background-color:color-mix(in srgb,var(--tooltip-color) 90%,transparent);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;white-space:nowrap;z-index:1000}.celestial-tooltip:after{content:"";position:absolute;bottom:100%;left:var(--arrow-left, 50%);transform:translate(-50%);border-width:8px;border-style:solid;border-color:transparent transparent color-mix(in srgb,var(--tooltip-color) 60%,transparent) transparent}.sun:hover .celestial-tooltip,.moon-full:hover .celestial-tooltip{opacity:1}.celestial-tooltip p{font-size:.75rem}.ray{width:0;height:0;position:absolute;pointer-events:none;transform-origin:50% 80px;top:-50px;left:50%;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:40px solid rgba(255,255,255,1);animation:spin 8s linear infinite,pulse 2s infinite;filter:drop-shadow(0 0 10px rgba(248,200,95,.7))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.moon-full{position:fixed;width:60px;height:60px;border-radius:50%;background:var(--Mlight);z-index:0;filter:drop-shadow(0 0 30px rgba(237,247,150,.4));transform:translate(-50%,-50%);transition:left .1s linear,top .1s linear,opacity 1s ease}.moon-new{position:fixed;width:60px;height:60px;border-radius:50%;background:var(--Mdark);filter:drop-shadow(0 0 30px rgba(237,247,150,.4))}.mooncrater-1-full{position:absolute;background:var(--Mcrater);width:10px;height:10px;border-radius:50%;z-index:0;top:15px;left:10px}.mooncrater-2-full{position:absolute;background:var(--Mcrater);width:8px;height:8px;border-radius:50%;z-index:0;top:30px;left:8px}.mooncrater-3-full{position:absolute;background:var(--Mcrater);width:6px;height:6px;border-radius:50%;z-index:0;top:30px;left:18px}