@import "https://fonts.googleapis.com/css2?family=Limelight&family=Inter:wght@400;500&display=swap";:root{--bg:#1c1815;--surface:#241f1a;--text:#e8dfd0;--text-dim:#e8dfd099;--accent:#a3b18a;--border:#e8dfd024;--nav-clearance:300px}h1,h2{font-family:Limelight,sans-serif;font-style:normal;font-weight:400}h1{font-size:clamp(1.5rem,4vw,3rem)}.main{min-height:100vh;overflow-x:hidden}p{max-width:65ch;line-height:1.7}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}.homebackground{background-image:url(public/homeback.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative}.vinylnav{z-index:2;background-color:#000;border-radius:0 100% 100% 0;width:525px;height:550px;padding:0 30px;transition:left .75s;position:fixed;top:135px;left:-550px}.DiscHolder{z-index:4;background-color:#b2ac88;width:20px;height:625px;position:fixed;top:90px;left:0}.disc{cursor:pointer;z-index:3;background-color:#0d0d0d;background-image:repeating-radial-gradient(circle,#0d0d0d 0 3px,#2a2929 3px 4px);border:none;border-radius:50%;width:525px;height:550px;padding:0 30px;transition:transform .6s,left .75s;position:absolute;top:512px;left:120px;transform:translateY(-94.5%);box-shadow:0 0 0 1px #e8dfd026,0 8px 30px #00000080}.disc:hover{transform:translateY(-94.5%)rotate(15deg)}.vinylnav.active{left:-350px}.vinylnav.active .disc{background-color:#000;left:80px}ul{color:#fff;z-index:4;padding:0;position:relative}ul li{margin:10px 0;list-style-type:none}.vinylnav ul li a{color:#fff;border-radius:20px;margin-left:350px;padding:8px 20px;font-size:16px;text-decoration:none;display:inline-block}.vinylnav ul li a:hover{background-color:#ffffff1f}.background{min-height:100vh;color:var(--text);padding-left:var(--nav-clearance);box-sizing:border-box;background-image:linear-gradient(#00000080,#00000080),url(/homeback.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:300px;display:flex;position:relative}.greeting{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff26;border-radius:8px;padding:32px 40px}hr{width:300px;margin:24px 0}a{padding:10px}.projectspage{background:var(--bg);color:var(--text);padding-left:var(--nav-clearance);box-sizing:border-box;min-height:100vh}.project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;transition:border-color .2s,transform .2s}.project-card:hover{border-color:var(--accent);transform:translateY(-3px)}.project-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.project-head h2{margin:0;font-size:1.15rem}.project-date{color:var(--text-dim);white-space:nowrap;font-size:.8rem}.project-card p{color:var(--text-dim);line-height:1.6}.project-tags{flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.project-tags li{background:#ffffff12;border-radius:20px;padding:4px 10px;font-size:.75rem}.project-card a{color:var(--accent);font-size:.9rem;text-decoration:none}.project-status{text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:var(--bg);padding:3px 8px;font-size:.7rem;display:inline-block}.project-card a:hover{text-decoration:underline}.ResumePage{background:var(--bg);color:var(--text);padding-left:var(--nav-clearance);box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;min-height:100vh;margin-right:250px;display:flex}.ResumeFrame{width:400px;height:475px;transform:scale(500px)}.links{justify-content:center;gap:16px;margin-top:12px;display:flex}.ampage{box-sizing:border-box;background:var(--bg);min-height:100vh;color:var(--text);padding-bottom:300px;padding-left:var(--nav-clearance);flex-direction:row;justify-content:center;gap:20px;min-height:100vh;margin-right:50px;display:flex}.Main{flex-direction:column;flex:2;display:flex}.lowermain{margin-top:25px}.secondary{flex:2;margin-top:300px}.portrait{object-fit:cover;border:1px solid var(--border);border-radius:2px;width:240px;height:240px;margin-top:25px}