.navbarcontainer{color:var(--nav-text);background-color:var(--nav-background);border-radius:.5rem;padding:.8rem;display:flex;flex-direction:column;box-shadow:0 -2px 7px 1px var(--glow);max-width:66rem;min-height:50px;margin-left:auto;margin-right:auto;align-content:center;box-sizing:border-box}.navbarhorizontal{display:flex;align-items:center;justify-content:space-between}.navbarvertical{max-height:0;overflow:hidden;transition:max-height .25s ease-out}.navbarvertical.open{max-height:200px;transition:max-height .25s ease-in}.navbarvertical ul{align-items:center;display:flex;flex-direction:column;gap:1rem;list-style:none;padding-top:1rem;padding-bottom:1rem}.vertical-menu a{color:var(--nav-text);text-decoration:none}.vertical-menu a:hover{color:var(--accent);text-shadow:0px 2px 6px var(--glow);transition:color .15s}.hamburger{background-color:transparent;border:none;stroke:var(--nav-text);stroke-width:10;stroke-linecap:round;cursor:pointer;padding:0}.left{display:flex;align-items:center;min-height:25px}.left h1{font-size:1rem}.right{display:flex;align-items:center;font-size:1rem;min-height:25px}.right nav ul{display:flex;gap:1rem;list-style:none}.right nav a{color:var(--nav-text);text-decoration:none}.right nav a:hover{color:var(--accent);text-shadow:0px 2px 6px var(--glow);transition:color .15s}.landing .hero{font-size:clamp(1.2rem,3rem + ((100vw - 650px) * .05),3rem);color:var(--text-primary);background:linear-gradient(90deg,#ff9822,#e9427f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;padding:.2rem 0;text-align:center}.landing{flex:1 0 auto;display:flex;flex-direction:column;min-height:65vh;letter-spacing:.12em;justify-content:flex-start;align-items:center;padding-top:15vh;position:relative}:root{--l-text-primary: #111111;--l-text-secondary: #1b1b1b;--l-accent: #ff7373;--l-background-color: var(--mountains);--l-background-secondary: #ff7265;--l-nav-background: #4b80cb;--l-nav-text: #ffffff;--l-sky: linear-gradient(to bottom, #2c639a 50%, #c1dbeb);--l-mountains: #eeeeee;--l-glow: #ff726500;--accent: #e66361;--text-primary: #ededed;--text-secondary: #ccc5c5;--background-primary: #10121b;--background-secondary: #1f202b;--nav-background: #050613;--nav-text: var(--text-primary);--sky: linear-gradient(to bottom, #091424 50%, #333c4d);--mountains: var(--background-primary);--star: #fff6d3;--star-shadow: #fff5;--glow: var(--accent);--border-color: var(--accent);--circle-size: .6rem;--circle-gap: .2rem}html{background-color:var(--background-primary);color:var(--text-primary);font-family:arial,"sans-serif";font-weight:100;font-style:normal;margin:0;padding:0;scroll-behavior:smooth}main,header,footer{z-index:10;position:relative}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;background:var(--background-primary);position:relative}.sky{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:0;background:var(--sky);pointer-events:none}.mountains{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden;pointer-events:none}.mountain{position:absolute;bottom:0;width:150%;height:60%;background:var(--mountains)}.leftmt{clip-path:polygon(0% 30%,0% 100%,60% 100%)}.rightmt{clip-path:polygon(70% 0%,100% 100%,0% 100%)}.star{position:absolute;width:4px;height:4px;background:var(--star);border-radius:50%;opacity:.8;box-shadow:0 0 6px 2px var(--star-shadow);pointer-events:none}header{position:fixed;top:0;left:0;width:100vw;z-index:20;background:linear-gradient(to bottom,var(--background-primary) 55%,#00000000);padding:2rem;box-sizing:border-box}main{box-sizing:border-box;display:flex;flex-direction:column;flex:1 0 auto;min-height:0;padding:7rem 1.5rem 5rem;max-width:65rem;margin-left:auto;margin-right:auto;z-index:10}.scroll-down-arrow{position:absolute;left:0;right:0;bottom:1rem;margin:0 auto;display:flex;justify-content:center;align-items:center;animation:bounce 3s infinite;color:var(--accent);cursor:pointer;opacity:.85}.scroll-down-arrow a{color:var(--text-primary)}.scroll-down-arrow a:hover{transition:all .17s ease-in-out;color:var(--accent)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (max-height: 600px){.scroll-down-arrow{display:none}}.temp{display:flex;flex-direction:column;margin-top:4rem;margin-bottom:2rem}.temp h1{font-size:clamp(1.7rem,2.5rem + ((100vw - 650px) * .06),2.5rem);color:var(--text-primary);align-self:center;margin-top:2rem;margin-bottom:2rem}.temp h2{margin-top:2.3rem;margin-bottom:.4rem}h1,h2,h3,h4,h5,h6,ul,p{margin:0;padding:0;font-weight:100}.skill{display:flex;align-items:center;margin-bottom:6px}.skill-name{flex-basis:70px;font-size:10pt;padding-left:17px}.skill-level{display:flex;gap:var(--circle-gap)}.skill-level span{width:var(--circle-size);height:var(--circle-size);border-radius:50%;border:2px solid var(--border-color)}.skills-list{list-style-type:none;padding-left:0;display:flex;flex-wrap:wrap;gap:clamp(.4rem,2vw,.6rem);width:100%}.skills-list li{background-color:var(--background-secondary);color:var(--text-primary);border:2px solid var(--border-color);padding:.5rem .9rem;border-radius:4px;font-size:1.1rem;margin:0}.marg{margin-top:1rem;margin-bottom:1rem}.three-column-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.three-column-grid>div{align-items:center;padding:20px}section{scroll-margin-top:6rem}.contact{display:flex;flex-direction:column}.contacts{display:flex;flex-direction:row;gap:1rem;margin-left:auto;margin-right:auto}@media (max-width: 650px){.contacts{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;padding-left:.5rem;padding-right:.5rem}.contacts p{padding:.2rem .5rem;font-size:1rem;text-align:left}}.contacts p{font-size:1.1rem;color:var(--text-primary);padding:.05rem 4rem .05rem 0rem;line-height:1.5rem;letter-spacing:.04em}.resume-btn{display:inline-block;margin-top:1.5rem;margin-left:auto;margin-right:auto;padding:.8rem 2.2rem;font-size:1.1rem;font-weight:500;color:var(--text-primary);background:var(--background-secondary);border:2px solid var(--accent);border-radius:6px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.resume-btn:hover{background:var(--accent);color:var(--text-primary)}.btn{font-size:1rem;padding:.7rem 1.3em;background:var(--background-secondary);color:var(--text-primary);border-radius:5px;border:1px solid var(--text-primary);text-decoration:none;display:flex;align-items:center;justify-content:center}.btn:hover{border-color:var(--accent);background-color:var(--accent);transition:all .15s ease-in-out}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 0;margin-top:auto;background-color:var(--background-secondary);color:var(--text-primary);font-size:1rem;text-align:center}.morelink{color:var(--text-primary);text-decoration:none;font-size:1rem;margin-top:1rem}.morelink:hover{color:var(--accent);text-shadow:0px 2px 6px var(--glow);transition:color .15s}.about p{font-size:clamp(.9rem,1.2rem + ((100vw - 650px) * .04),1.2rem);line-height:clamp(.9rem,1.5rem + ((100vw - 650px) * .04),1.5rem);letter-spacing:.04em;max-width:45rem}.projects-container{display:flex;flex-direction:column;gap:5rem;padding:0;list-style:none}.project{position:relative;background:transparent;box-shadow:none;border-radius:0;padding:0;display:flex;flex-direction:column;min-width:0}.project-content{display:flex;align-items:center;justify-content:flex-start;gap:0;position:relative;z-index:2;min-height:320px}.project-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 85% 75%,var(--glow) 0%,transparent 60%);border-radius:.5rem;z-index:1}.project-image{border-radius:.5rem 0 0 .5rem;width:420px;height:260px;object-fit:cover;display:block;margin:0;max-width:100%;height:auto;box-shadow:0 0 24px #0008;background:#222;flex-shrink:0;z-index:2}.project-text{flex:1 1 0;min-width:0;padding:2.5rem;color:var(--text-primary);z-index:2;display:flex;flex-direction:column;justify-content:center}.project h2{margin-top:0;margin-bottom:1.2rem;font-size:clamp(1.6rem,2rem + ((100vw - 650px) * .06),2rem);color:var(--text-primary);font-weight:700;letter-spacing:.01em}.project p{margin-bottom:1.5rem;font-size:.9rem;color:var(--text-secondary);font-weight:400;line-height:1.25rem;letter-spacing:.02em}.project:nth-child(2n) .project-content{flex-direction:row-reverse}.project:nth-child(2n) .project-image{border-radius:0 .5rem .5rem 0}.project:nth-child(2n) .project-bg{background:radial-gradient(circle at 15% 75%,var(--glow) 0%,transparent 60%)}@media (max-width: 720px){.project-content{flex-direction:column;min-height:0;align-items:center;text-align:center}.project:nth-child(2n) .project-content{flex-direction:column}.project-image{border-radius:.5rem}.project-text{align-items:center}.project-text button,.project-text .button{margin-left:auto;margin-right:auto;display:block}.project-bg{background:radial-gradient(circle at 50% 100%,var(--glow) 0%,transparent 60%)}.project:nth-child(2n) .project-bg{background:radial-gradient(circle at 50% 100%,var(--glow) 0%,transparent 60%)}}