body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#e0e0e0;background:linear-gradient(135deg,#0a0e27,#1a1035,#2a0a1e 60%,#3d0c1a);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;min-height:100vh}#root{position:relative;z-index:1}.page-loading{display:flex;justify-content:center;align-items:center;height:80vh;font-size:1.2rem;color:#ccc}.loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#ccc}a{color:#7eb8e0;text-decoration:none}a:hover{text-decoration:underline;color:#a0d0f0}.container{max-width:800px;margin:0 auto;padding:20px}header{text-align:center;padding-bottom:20px}header h1{margin:0;font-size:2.5em;color:#f0f0f0}header p{font-size:1.2em;color:#aaa}nav{display:flex;justify-content:center;margin-bottom:30px;flex-wrap:wrap}nav a{margin:10px 15px;font-weight:700}main section{margin-bottom:40px}main h2{border-bottom:2px solid #7eb8e0;padding-bottom:10px;margin-bottom:20px;color:#f0f0f0}.project{margin-bottom:20px}.project h3{margin-top:0}ul{list-style-type:disc;padding-left:20px}footer{text-align:center;padding:20px 0;color:#777}.fade-enter{opacity:0;z-index:1}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.page-wrapper{min-height:60vh}@media (max-width: 600px){header h1{font-size:2em}nav{flex-direction:column;align-items:center}nav a{margin:5px 0}}header{position:fixed;z-index:10;top:0;width:-webkit-fill-available;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background-color:#1e1e26d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0006;height:48px}.header-left{display:flex;align-items:center}.header-left .name{font-size:1rem;font-weight:700;color:#7eb8e0;margin-right:0}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;padding:0}.hamburger .bar{height:3px;width:100%;background-color:#7eb8e0;border-radius:2px}.navi{display:flex;flex-direction:row;align-items:center;height:100%;margin:0}.navi a{display:flex;align-items:center;color:#7eb8e0;font-size:1rem;font-weight:700;text-decoration:none;margin-left:24px;transition:color .2s}.navi a:hover,.home-link:hover{color:#a0d0f0}@media (max-width: 768px){.hamburger{display:flex;right:16px;left:auto}.navi{display:none;position:absolute;top:100%;right:0;background-color:#1e1e26f2;flex-direction:column;width:200px;box-shadow:0 4px 12px #0006}.navi.open{display:flex;flex-direction:column;height:fit-content;width:fit-content}.navi a{padding:12px;margin:0;border-bottom:1px solid rgba(255,255,255,.1)}}header,.header-left,.header-right,.navi,.navi a,.home-link{font-family:Arial,sans-serif;font-size:1rem;color:#7eb8e0;font-weight:700}.home-link{text-decoration:none;color:#7eb8e0;font-size:1.2rem;font-weight:700;margin-right:16px}