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}:root{--primary-bg:#003135;--secondary-bg:#034951;--highlight-color:#aedde5;--project-color:#aedde5;--project-link-color:#034951;--accent-color:#964834;--reverse-accent-color:#034951;--text-color:#444;--subtext-color:#666;--link-color:#007bff;--profile-img-size:320px;--name-color:#fff;--primary-text:#fff;--bg-secondary-highlight:#04636d;--transparency:#0009;--transparency-alt:#0000004d}[data-theme=light]{--primary-bg:#f5f5f5;--secondary-bg:#fff;--highlight-color:#333;--project-color:#aedde5;--project-link-color:#034951;--accent-color:#964834;--reverse-accent-color:#034951;--text-color:#444;--subtext-color:#666;--link-color:#007bff;--name-color:#fff;--primary-text:#222;--bg-secondary-highlight:#f0f0f0;--transparency:#0000004d;--transparency-alt:#00000026}.App{background-color:#034951;background-color:var(--secondary-bg);margin:0 auto;max-width:1200px;padding-bottom:20px;padding-left:20px;padding-right:20px}body{background-color:#003135;background-color:var(--primary-bg)}@media (max-width:768px){.App{padding-left:10px;padding-right:10px}}.about{color:#aedde5;color:var(--highlight-color);padding-top:1rem}.about-container{padding:20px}.about-image{float:left;margin-bottom:0;margin-right:20px;max-width:320px}.about-image img{border-radius:10px;float:left;height:auto;max-width:100%}.about-text h2{font-size:2.5rem;margin-bottom:10px;margin-top:0}.about-text p{font-size:1.1rem;line-height:1.6}@media (max-width:768px){.about{padding-top:0}.about-container{align-items:center;display:flex;flex-direction:column;gap:0;text-align:center}.about-image{margin-right:0}.about-image img{max-width:250px;width:100%}.about-text h2{margin-top:20px}.about-text{padding-left:0}.about-text p{font-size:1rem;line-height:1.5}}.projects-header{color:#aedde5;color:var(--highlight-color);font-size:2.5rem;margin-bottom:20px;text-align:center}.project-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px}.project-icon{color:#034951;color:var(--project-link-color)}.project-icon:hover{color:#964834;color:var(--accent-color)}.project-item{align-items:flex-start;background-color:#aedde5;background-color:var(--project-color);border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:20px;transition:all .3s ease-in-out}.project-image{border-radius:10px;height:auto;margin-bottom:20px;width:100%}.project-content{text-align:left;width:100%}.project-content h3{color:#444;color:var(--text-color);font-size:1.5rem;margin-bottom:10px}.project-content p{color:#666;color:var(--subtext-color);font-size:1rem;line-height:1.5}.project-content button{background-color:#964834;background-color:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px 0;padding:8px 12px}.project-content button:hover{background-color:#034951;background-color:var(--reverse-accent-color)}.project-links{align-items:center;display:flex;gap:.5rem;margin-top:10px}@media (max-width:768px){.project-list{gap:30px;grid-template-columns:1fr}.project-item{align-items:center;flex-direction:column}.project-image{width:100%}.project-content{text-align:center}}.contact-details{margin-bottom:20px;margin-top:20px;text-align:center}.contact-item{color:#aedde5;color:var(--highlight-color);font-size:1.2rem;margin:10px 0}.contact-item a{color:#007bff;color:var(--link-color);text-decoration:none}.contact-item a:hover{text-decoration:underline}.nav-bar{background-color:#034951;background-color:var(--secondary-bg);color:#aedde5;color:var(--highlight-color);justify-content:space-between;padding:20px;position:relative}.nav-bar,.nav-logo{align-items:center;display:flex}.nav-logo{gap:10px}.nav-logo-image{height:2rem;width:auto}.nav-logo h1{font-size:2rem;margin:0}.nav-menu{display:flex;gap:20px;z-index:999}.nav-links ul,.nav-pages ul{display:flex;list-style:none;margin:0;padding:0}.nav-links ul li,.nav-pages ul li{margin:0 10px}.nav-links ul li a,.nav-pages ul li a{color:#aedde5;color:var(--highlight-color);font-size:16px;text-decoration:none;transition:color .3s}.nav-links ul li a:hover,.nav-pages ul li a:hover{color:#964834;color:var(--accent-color)}.hamburger{color:#aedde5;color:var(--highlight-color);cursor:pointer;display:none}.icon-text{display:none}.icon-text,.theme-toggle{margin-left:10px}@media (max-width:768px){.nav-menu{background-color:#003135;background-color:var(--primary-bg);flex-direction:column;opacity:0;position:absolute;right:0;text-align:center;top:70px;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;width:100%}.nav-menu.open{display:flex;opacity:1;transform:translateY(0);visibility:visible}.nav-links ul,.nav-pages ul{align-items:center;flex-direction:column}.nav-links ul li,.nav-pages ul li{align-items:center;display:flex;justify-content:center;margin:15px 0}.hamburger{display:block}.nav-links ul{flex-direction:column;padding:0}.nav-menu.open .icon-text{color:#aedde5;color:var(--highlight-color);display:inline;font-size:16px;transition:color .3s}.nav-menu.open .nav-links ul li:hover .icon-text{color:#964834;color:var(--accent-color)}.nav-links ul li{gap:10px}.nav-links a,.nav-links ul li{align-items:center;display:flex;justify-content:center}.theme-toggle{margin-left:0}}.highlights{color:#aedde5;color:var(--highlight-color);padding:20px;text-align:center}.highlights-gallery-container{align-items:center;display:flex;justify-content:center;position:relative}.highlights-gallery{-webkit-overflow-scrolling:touch;display:flex;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory}.highlights-gallery::-webkit-scrollbar{height:8px}.highlights-gallery::-webkit-scrollbar-track{background:#034951;background:var(--secondary-bg)}.highlights-gallery::-webkit-scrollbar-thumb{background-color:#964834;background-color:var(--accent-color);border:2px solid #034951;border:2px solid var(--secondary-bg);border-radius:10px}.highlights-gallery::-webkit-scrollbar-thumb:hover{background-color:#aedde5;background-color:var(--highlight-color)}.highlights-gallery{scrollbar-color:#964834 #034951;scrollbar-color:var(--accent-color) var(--secondary-bg);scrollbar-width:thin}.highlight-item{flex:0 0 auto;margin-right:20px;overflow:hidden;position:relative;scroll-snap-align:center;width:30%}.highlight-item img{height:auto;object-fit:contain;width:100%}.arrow{background-color:initial;border:none;color:#aedde5;color:var(--highlight-color);cursor:pointer;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.arrow.left{left:10px}.arrow.right{right:10px}.arrow:hover{color:#964834;color:var(--accent-color)}@media (max-width:768px){.highlight-item{height:auto;width:90vw}}.header{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:3rem 1rem 1rem;padding-bottom:calc(var(--profile-img-size)/2 + 20px);position:relative;text-align:center}.header:before{background-color:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.header>*{position:relative;z-index:2}.header-socials{bottom:0;left:50%;position:absolute;transform:translateX(-50%);width:100%}.header h1{font-size:3.5rem;font-weight:700;margin:0}.header h1,.header h2{color:var(--name-color)}.header h2{font-size:1.5rem;font-weight:500;margin-top:.5rem}.profile-pic{bottom:calc(var(--profile-img-size)/-2);left:50%;position:absolute;transform:translateX(-50%)}.profile-pic img{border:6px solid var(--bg);border-radius:50%;box-shadow:0 3px 6px #0006;height:var(--profile-img-size);object-fit:cover;width:var(--profile-img-size)}.about{margin:0 auto 2rem;max-width:800px;padding-top:calc(var(--profile-img-size)/2 + 1rem)}.about h2{font-size:1.8rem;margin-bottom:1rem}.about h2,.about p{color:var(--highlight-color);text-align:center}.about p{font-size:1.1rem;line-height:1.6}.portfolio{margin:0 auto 2rem;max-width:800px;padding:1rem}.portfolio-section-title{color:var(--primary-text);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.portfolio-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.portfolio-grid a.card{background-color:var(--bg-secondary-highlight);border-radius:.75rem;box-shadow:0 3px 6px #0006;color:inherit;display:flex;flex-direction:column;height:280px;overflow:hidden;padding-bottom:.75rem;text-decoration:none;transition:transform .2s ease;width:240px}.portfolio-grid a.card:hover{transform:translateY(-5px)}.img-div-border{background-color:#fff;height:180px;width:100%}.portfolio-grid a.card img{flex-shrink:0;height:180px;object-fit:cover;width:100%}.portfolio-grid a.card p{color:var(--primary-text);flex-shrink:0;font-size:.95rem;font-weight:700;margin:0;padding:.75rem 1rem 0;text-align:center}.portfolio-section{margin-bottom:2rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:auto;padding:0 1rem}.tag{background-color:var(--primary-text);border-radius:12px;color:var(--bg-secondary-highlight);font-size:.7rem;font-weight:600;padding:.15rem .5rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.pagination{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.pagination button{background-color:var(--bg-secondary-highlight);border:none;border-radius:.5rem;color:var(--primary-text);cursor:pointer;font-weight:600;padding:.5rem .8rem;transition:background-color .2s ease}.pagination button:hover:not(:disabled){background-color:var(--primary-text);color:var(--bg-secondary-highlight)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination button.active{background-color:var(--primary-text);color:var(--bg-secondary-highlight)}.modal-overlay{align-items:center;background-color:var(--transparency);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-content{animation:fadeIn .2s ease-out;background-color:var(--bg-secondary-highlight);border-radius:.75rem;box-shadow:0 5px 20px var(--transparency-alt);color:var(--primary-text);max-width:600px;padding:1rem 1.5rem;position:relative;width:100%}.modal-content h3{font-size:1.2rem;margin:.5rem 0}.modal-content p{font-size:1rem;line-height:1.5;margin-bottom:1rem}.modal-content a{color:#fff;display:inline-block;font-weight:700;text-decoration:underline}.modal-close{background:var(--transparency-alt);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;height:2.5rem;position:absolute;right:1rem;top:1rem;transition:background .2s ease;width:2.5rem;z-index:10}.modal-close:hover{background:var(--transparency)}.modal-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem;margin-top:1rem}.modal-btn{align-items:center;background-color:var(--accent-color);border-radius:.5rem;color:var(--bg-secondary-highlight);display:flex;font-weight:600;gap:.4rem;padding:.6rem 1rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.modal-btn:hover{background-color:var(-reverse-accent-color);transform:translateY(-2px)}.modal-btn.github{background-color:#24292e;color:#fff}.modal-btn.github:hover{background-color:#000}.modal-img-div-border{background-color:#fff}.modal-image,.modal-img-div-border{border-radius:.5rem;margin-bottom:1rem;max-height:320px;object-fit:cover;width:100%}.modal-link{margin-top:1rem;text-align:center}.modal-link a{color:#fff;font-size:1.2rem;margin:.5rem 0;text-decoration:none}.modal-link-go{color:#fff;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.modal-overlay{padding:12px}.modal-content{border-radius:0;max-height:100%;max-width:none;overflow-y:auto;padding:1rem;width:100%}.modal-close{font-size:1.5rem;height:2rem;right:.5rem;top:.5rem;width:2rem}}
/*# sourceMappingURL=main.caf9fb2a.css.map*/