@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@500&display=swap);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}.header{align-items:center;background-color:var(--header-bg);box-shadow:0 7px 10px #0000001a;color:var(--text);display:flex;justify-content:space-between;padding:0 1rem;position:sticky;top:0;transition:background-color 0s ease,color .9s ease;z-index:1000}@media (max-width:768px){.header{width:96%}}body.dark-theme{--header-bg:#0b0b0b;--bg:#121212;--button-bg:#000}.logo-img{background-color:#000;height:60px;transition:filter 0s ease;width:auto}.dark-logo{filter:invert(1) brightness(2)}.theme-toggle{background-color:var(--button-bg);border:none;border-radius:8px;color:var(--button-text);cursor:pointer;font-size:.7rem;font-weight:700;margin-left:1rem;padding:.3rem .7rem;transition:background-color 2s ease}@media (max-width:768px){.theme-toggle{font-size:.6rem;margin-right:.5rem;padding:.25rem .5rem}}body.light-theme{background-color:var(--bg);color:var(--text)}body{transition:background-color 2s ease,color 2s ease}body.dark-theme{background-color:var(--bg);color:var(--text)}.nav-menu{align-items:center;display:flex;gap:1.5rem}@media (max-width:768px){.nav-menu{gap:.6rem}}.nav-link{color:var(--text);font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#fd2155}.nav-link:after{background-color:#fd2155;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.letter{cursor:pointer;display:inline-block;transition:transform .2s ease}.letter:hover{animation:bounceHover .4s}@keyframes bounceHover{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(5px)}to{transform:translateY(0)}}.highlight{color:#fd2155}.about-container{min-height:70vh;padding:2rem;text-align:center}.animated-line{display:flex;flex-wrap:wrap;font-family:Fredoka,sans-serif;font-size:5rem;font-weight:500;gap:.15rem;justify-content:center;line-height:1.4;margin:.5rem 0}@media (max-width:768px){.animated-line{font-size:1.5rem}}.aboutme-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:3rem;justify-content:center;padding:4rem 2rem}.aboutme-text{word-wrap:break-word;color:var(--text);flex:1 1;font-family:Fredoka,sans-serif;font-size:1.6rem;line-height:2;max-width:700px;overflow-wrap:break-word;text-align:left}.word{display:inline-block;margin-right:.4ch;white-space:nowrap}.aboutme-coolstuff{align-items:center;display:flex;flex:1 1;justify-content:center}.cool-placeholder{background-color:#f0f0f0;border-radius:16px;box-shadow:0 0 10px #0000001a;color:#333;font-size:1rem;padding:2rem}.ghibli-container{align-items:center;display:flex;justify-content:center;position:relative}.ghibli-img{border-radius:1rem;height:600px;object-fit:cover}.terminal-box{background-color:#000;border-radius:8px;box-shadow:0 0 10px #0f86;color:#fd2155;font-family:Courier New,monospace;font-size:.85rem;left:89px;min-height:150px;min-width:240px;padding:1rem 1.2rem;position:absolute;text-align:left;top:25px;z-index:2}.prompt{color:#fd2155}.resume-container{height:100vh;margin:0;padding:0;width:100%}.resume-frame{border:none;border-radius:8px;box-shadow:0 0 20px #0000001a;height:90vh;width:100%}@media (max-width:768px){.resume-frame{height:85vh;width:100%}}.contact-container{color:var(--text);padding:4rem 2rem;text-align:center}.contact-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.contact-subtext{font-size:1.2rem;margin-bottom:2.5rem;opacity:.8}.contact-cards{flex-wrap:wrap;gap:2rem}.contact-card,.contact-cards{display:flex;justify-content:center}.contact-card{align-items:center;background-color:var(--card-bg);border-radius:16px;box-shadow:0 0 15px #00000080;color:var(--text);cursor:pointer;flex-direction:column;font-size:1.1rem;font-weight:500;height:160px;padding:2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease;width:180px}body.light-theme{--bg:#fff;--text:#121212;--button-bg:#eaeaea;--button-text:#121212;--header-bg:#fff;--card-bg:#fff}body.dark-theme{--bg:#1e1e1e;--text:#f1f1f1;--button-bg:#333;--button-text:#f1f1f1;--header-bg:#000;--card-bg:#1e1e1e}.contact-card:hover{box-shadow:0 0 25px #fd21554d;transform:translateY(-8px) scale(1.03)}.contact-card .icon{color:#fd2155;font-size:2rem;margin-bottom:.7rem}.about-container{flex-direction:column;padding:0}.about-container,.section-block{align-items:center;display:flex;justify-content:center;min-height:100vh}.section-block{padding:4rem 2rem}.section-block:not(:first-child){margin-top:4rem}.project-container{display:flex;flex-direction:column;gap:2.5rem;padding-bottom:50px}@media (min-width:768px){.project-container{align-items:flex-start;flex-direction:row}}.project-text{max-width:900px;width:100%}.project-image-wrapper{display:flex;justify-content:center;max-width:600px;padding-top:50px;width:100%}.my-projects-heading{font-size:50px}.project-image{border-radius:12px;box-shadow:0 4px 16px #0009;height:auto;object-fit:cover;width:100%}.project-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}@media (min-width:768px){.project-header{align-items:center;flex-direction:row;justify-content:space-between}}.project-filter-buttons{display:flex;flex-wrap:wrap;gap:1rem}.filter-button{background-color:#353535;border:none;border-radius:999px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.filter-button:hover{background-color:#444445;box-shadow:0 4px 10px #00000026}.filter-button.active{background-color:#fd2155;color:#fff}.project-links{display:flex;gap:1rem;margin-top:1rem}.project-link-button{background-color:#1f2937;border-radius:6px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease}.project-link-button:hover{background-color:#111827}
/*# sourceMappingURL=main.9328ca1a.css.map*/