body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;widows:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hobbies-content,.work-content{flex:1 1;padding-bottom:40px;width:100%;z-index:2}.card-container{grid-gap:40px;box-sizing:border-box;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:40px auto;padding:20px;width:80%}.footer{margin-top:auto}.error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.middle-pill-navbar-container{align-items:center;background-color:#f0f0f0;border-radius:20px;box-shadow:0 4px 8px #0000001a;display:flex;overflow:hidden;padding:5px;position:relative;width:200px}.highlight{background-color:#fff;border-radius:15px;box-shadow:0 2px 5px #00000026;height:80%;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease;width:45%}.highlight-hobbies{left:calc(50% + 2.5px)}.pill-button{background:none;border:none;color:#555;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:10px 0;text-align:center;transition:color .3s ease;z-index:1}.pill-button.active{color:#333;font-weight:700}.pill-button:not(.active){color:#aaa}.navbar-dropdown{position:relative;width:100%}.toggle-button{background-color:initial;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:40px;padding:0;width:40px}.hamburger-icon,.toggle-button{align-items:center;display:flex;justify-content:center}.hamburger-icon{flex-direction:column;height:24px;position:relative;width:24px}.hamburger-icon .line{background-color:#333;height:2px;transition:transform .5s ease,top .5s ease,opacity .5s ease;width:100%}.hamburger-icon .line.top{position:absolute;top:6px}.hamburger-icon .line.bottom{position:absolute;top:18px}.hamburger-icon.open .line.top{top:12px;transform:rotate(45deg)}.hamburger-icon.open .line.bottom{top:12px;transform:rotate(-45deg)}.dropdown-menu-custom{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-left:-20px;margin-top:10px;min-width:120px;padding:10px}.dropdown-item-custom{border-radius:8px;color:#333;cursor:pointer;display:flex;font-weight:500;padding:8px 12px;transition:background-color .2s ease}.dropdown-item-custom:hover{background-color:#f0f0f0}.icon{font-size:1.2rem;margin-right:8px}.text{color:#333}.main-page-navbar{background-color:initial;position:sticky;top:10px;width:100vw;z-index:1000}.middle-navbar{display:flex;flex:1 1;justify-content:center}.footer{background-color:#f9f9f9;bottom:0;box-shadow:0 -2px 5px #0000001a;padding:20px 0;text-align:center;width:100vw}.social-icons{display:flex;gap:15px;justify-content:center;margin-bottom:10px}.icon{color:#555;font-size:1.5rem;transition:color .3s ease}.icon:hover{color:#333}footer p{color:#888;font-size:.9rem;margin:0}.introduction{margin:0 auto;max-width:100%}.intro-heading{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 20px}.location{align-items:center;color:#666;display:flex;font-size:1rem;justify-content:center;margin:0 0 20px}.location-icon{margin-right:5px}.intro-text{color:#555;font-size:1rem;line-height:1.5;margin:0 auto;max-width:600px;width:40vw}.intro-text a{color:#007bff;font-weight:500;text-decoration:none}.intro-text a:hover{text-decoration:underline}.project-card{background-color:#f9f9f9;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.project-card:hover{box-shadow:0 6px 15px #00000026;transform:scale(1.05)}.card-content{align-items:center;display:flex;gap:20px;padding:20px}.card-text{flex:1 1;width:70%}.card-image{flex-shrink:0;width:30%}.card-image img{border-radius:8px;object-fit:cover;width:100%}.card-title{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 8px}.card-subtitle{color:#777;font-size:.9rem;margin:0 0 16px}.card-description{color:#555;font-size:1rem;margin-bottom:16px}.card-button{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#007bff;display:inline-block;font-size:.9rem;padding:10px 20px;text-decoration:none;transition:background-color .2s ease}.card-button:hover{background-color:#f0f0f0}@media (max-width:768px){.card-content{align-items:flex-start;flex-direction:column}.card-image{width:100%}.card-image img{margin-top:10px;max-width:100%}.card-text{width:100%}}.floating-background{height:100vh;left:0;max-width:100%;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.floating-object{background-color:#0000001a;border-radius:10%;height:30px;pointer-events:auto;position:absolute;transition:transform .3s ease;width:30px}.object1{left:15%;top:20%}.object2{left:95%;top:50%}.object3{left:5%;top:80%}.object4{left:70%;top:30%}.object5{left:85%;top:20%}.floating-object:hover{transform:translate(10px,-10px) scale(1.1)}.about-page-navbar{background-color:initial;padding:10px 20px;position:sticky;top:0;width:100vh;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;padding:0 5vw}.right-navbar{display:flex;justify-content:flex-end;position:absolute;right:5vw;top:1vw}.introduction{color:#333;margin:auto;max-width:600px;padding:60px 20px;text-align:center;width:100vw}.about-heading{color:#333;font-size:2.5rem;font-weight:700}.about-heading,.about-text{margin:auto auto 20px;max-width:500px;width:80%}.about-text{color:#555;font-size:1rem;line-height:1.5}.about-text a{color:#007bff;font-weight:500;text-decoration:none}.about-text a:hover{text-decoration:underline}.photo-collage{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px auto;max-width:100%;padding:20px;position:relative;width:100%}.collage-image{border-radius:12px;box-shadow:0 4px 10px #0000001a;cursor:pointer;flex:1 1 30%;height:auto;max-width:25%;transition:transform .3s ease}.collage-image:hover{transform:scale(1.05)}.collage-image-1{zoom:relative;size:auto;position:relative;transform:translateX(15%);z-index:1}.collage-image-2{position:relative;transform:translateX(0) translateY(-10%);z-index:2}.collage-image-3{position:relative;transform:translateX(-15%);z-index:1}.placeholder-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center;width:100vw}.placeholder-heading{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 20px}.placeholder-subheading{color:#666;font-size:1.2rem;line-height:1.5;margin:0;max-width:600px}
/*# sourceMappingURL=main.8441dbe2.css.map*/