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:#333;background:linear-gradient(to bottom,#9bdcf8,#bdb7fd,#dfbeff);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center}#color-ring-overlay{position:fixed;left:0;top:0;right:0;bottom:0;width:100vw;height:100vh;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 50%,hsla(260,80%,85%,.7) 0%,hsla(280,80%,80%,.5) 20%,hsla(300,80%,90%,.2) 40%,transparent 100%);transition:.2s}#root{position:relative;z-index:1}.page-loading{display:flex;justify-content:center;align-items:center;height:80vh;font-size:1.2rem;color:#333}.loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#333}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:800px;margin:0 auto;padding:20px}header{text-align:center;padding-bottom:20px}header h1{margin:0;font-size:2.5em}header p{font-size:1.2em;color:#777}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 #3498db;padding-bottom:10px;margin-bottom:20px}.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:#aaa}.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:#f8f9fab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 4px #0000001a;height:48px}.header-left{display:flex;align-items:center}.header-left .name{font-size:1rem;font-weight:700;color:#3270af;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:#3270af;border-radius:2px}.navi{display:flex;flex-direction:row;align-items:center;height:100%;margin:0}.navi a{display:flex;align-items:center;color:#3270af;font-size:1rem;font-weight:700;text-decoration:none;margin-left:24px;transition:color .2s}.navi a:hover,.home-link:hover{color:#17406a}@media (max-width: 768px){.hamburger{display:flex;right:16px;left:auto}.navi{display:none;position:absolute;top:100%;right:0;background-color:#f8f9fab3;flex-direction:column;width:200px;box-shadow:0 4px 8px #0000001a}.navi.open{display:flex;flex-direction:column;height:fit-content;width:fit-content}.navi a{padding:12px;margin:0;border-bottom:1px solid #ddd}}header,.header-left,.header-right,.navi,.navi a,.home-link{font-family:Arial,sans-serif;font-size:1rem;color:#3270af;font-weight:700}.home-link{text-decoration:none;color:#3270af;font-size:1.2rem;font-weight:700;margin-right:16px}