@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#1e3a8a;--secondary-color:#2563eb;--accent-color:#3b82f6;--text-color:#fff;--background-color:#f1f5f9;--hover-color:#93c5fd}body{background-color:#f1f5f9;background-color:var(--background-color);color:#1e3a8a;color:var(--primary-color);font-family:Arial,sans-serif}a{color:#2563eb;color:var(--secondary-color)}a:hover{color:#93c5fd;color:var(--hover-color)}h1,h2,h3{margin-bottom:.5em}h1,h2,h3,p{color:#1e3a8a;color:var(--primary-color)}p{line-height:1.6}section{background:#fff;background:var(--text-color);border-radius:8px;margin:auto;max-width:1200px;padding:20px}.header,section{box-shadow:0 4px 8px #0000001a}.header{background:linear-gradient(90deg,#d7c3a3,#c7b297);padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-bar{align-items:center;display:flex;justify-content:space-between}.logo-container{max-width:150px}.logo-image{height:auto;width:100%}.nav-links{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav-links li{position:relative}.nav-links a,.nav-links span{border-radius:8px;color:#5a4631;cursor:pointer;font-family:Baloo\ 2,cursive;font-size:1.2rem;padding:7px 12px;text-decoration:none;transition:background-color .3s,color .3s}.nav-links a:hover,.nav-links span:hover{background-color:#c7b297;color:#fff}.dropdown-menu{background-color:#c7b297;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:none;flex-direction:column;left:0;list-style:none;margin:0;opacity:0;padding:10px 0;position:absolute;top:100%;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.dropdown:hover .dropdown-menu{display:flex;opacity:1;visibility:visible}.dropdown-menu li{padding:10px 20px;white-space:nowrap}.dropdown-menu a{color:#fff;font-family:Baloo\ 2,cursive;font-size:1.2rem;transition:background-color .3s,color .3s}.dropdown-menu a:hover{background-color:#5a4631;color:#fff}.home{background:var(--background-gradient);color:var(--text-color);font-family:Poppins,sans-serif;min-height:100vh;padding:20px}.portrait-section{margin-bottom:40px;text-align:center}.portrait-section img{border-radius:0;height:280px;object-fit:cover;width:200px}.self-portrait{border:5px solid var(--hover-bg);height:auto}.about-section,.certifications-section,.contact-section,.projects-section{background:var(--card-bg);border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:40px;padding:20px;text-align:center}.contact-section p,h2{color:var(--text-color)}h2{margin-bottom:10px}.project-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project{background-color:var(--card-bg);border-radius:8px;flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;max-width:300px}.project:hover{box-shadow:0 8px 16px #0003;transform:scale(1.05)}.project img{margin-bottom:10px;max-height:70px;max-width:300px;object-fit:contain}.project h3{color:var(--hover-bg);font-size:1.25rem;margin-bottom:1rem;text-align:center}.project p{color:var(--text-color);font-size:1rem;margin-top:10px;text-align:center}.certification-name--link{text-decoration:none}.certification-name--link:focus,.certification-name--link:hover{color:#f1e7d0;text-decoration:underline}.certification-groups{align-items:center;display:flex;flex-direction:column;gap:20px}.certification-group h3{color:var(--hover-bg);margin-bottom:10px}.certification-group ul{list-style:none;margin:0;padding:0}.certification-group li{color:var(--text-color);font-size:1rem;margin-bottom:8px}.certification-list{list-style:none;margin:0;padding:0;width:100%}.certification-item{background:#00000026;border:1px solid #ffffff1f;border-radius:10px;overflow:hidden;padding:12px 14px;position:relative}.certification-item__header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.certification-name{color:var(--hover-bg);font-weight:700}.certification-links-inline{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.certification-link{border-bottom:1px dashed #fff6;color:var(--hover-bg);font-weight:600;text-decoration:none;transition:color .2s ease,border-color .2s ease}.certification-link:focus,.certification-link:hover{border-color:#f1e7d0;color:#f1e7d0}.certification-hover-preview{background:#1f1b16;border:1px solid #fff3;border-radius:10px;bottom:8px;box-shadow:0 8px 20px #0000004d;left:50%;opacity:0;padding:10px;pointer-events:none;position:absolute;transform:translate(-50%,105%);transition:opacity .25s ease,transform .25s ease;width:min(420px,90vw);z-index:2}.certification-hover-preview img{border-radius:8px;display:block;width:100%}.certification-item:focus-within .certification-hover-preview,.certification-item:hover .certification-hover-preview{opacity:1;transform:translate(-50%,100%)}.about-section{background:linear-gradient(145deg,#5a4631,#7c6048);border-radius:12px;box-shadow:0 6px 12px #0003;color:#e6dec8;font-size:1.1rem;line-height:1.8;margin-bottom:40px;padding:30px;text-align:justify}.about-section h2{color:var(--hover-bg);font-size:1.5rem;margin-bottom:15px;text-align:center}.about-section p{color:#e6dec8;margin:0}.contact-links{display:flex;flex-direction:column;gap:12px;margin-top:16px}.contact-link{color:var(--hover-bg);font-weight:600;text-decoration:none;transition:color .3s ease}.contact-link:focus,.contact-link:hover{color:#f1e7d0;text-decoration:underline}:root{--dark-brown:#3d3b3a;--medium-brown:#5a4631;--light-brown:#d7c3a3;--background-gradient:linear-gradient(to bottom,var(--dark-brown),var(--medium-brown) 40%,var(--light-brown));--text-color:var(--light-brown);--card-bg:var(--medium-brown);--hover-bg:var(--light-brown);--hover-text:var(--dark-brown)}body{background:linear-gradient(180deg,#3d3b3a,#5a4631 40%,#d7c3a3);background:var(--background-gradient);font-family:Poppins,sans-serif;margin:0;padding:0}a,body,h1,h2,h3{color:#d7c3a3;color:var(--text-color)}a{text-decoration:none;transition:color .3s ease}a:hover{color:#3d3b3a;color:var(--hover-text)}.about-page{background:var(--background-gradient);color:var(--text-color);font-family:Poppins,sans-serif;min-height:100vh;padding:20px;text-align:center}.about-header{margin-bottom:30px}.profile-picture{border:4px solid var(--hover-bg);border-radius:50%;height:auto;margin-bottom:20px;max-width:150px}.about-header h1{color:var(--text-color);font-size:2rem}.about-content{background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 8px #0003;color:var(--text-color);margin:auto;max-width:800px;padding:20px;text-align:left}.about-content p{line-height:1.6;margin-bottom:15px}.about-content strong{color:var(--hover-bg)}.project-item{align-items:center;background:var(--card-bg);border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;justify-content:center;margin:20px 10px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.project-item:hover{box-shadow:0 8px 16px #0000004d;transform:scale(1.05)}.project-link{color:var(--text-color);display:block;text-decoration:none}.project-link:hover{color:var(--hover-bg)}.media-container{align-items:center;background:var(--dark-brown);display:flex;height:250px;justify-content:center;overflow:hidden;width:100%}.project-image{max-width:500px}.project-image,.project-video{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.project-video{left:0;opacity:0;pointer-events:none;position:absolute;top:0}.media-container:hover .project-video{opacity:1}.media-container:hover .project-image{opacity:.3}.project-description{color:var(--text-color)}.project-page{margin:0 auto;max-width:1200px;padding:40px 20px}.project-page h1{font-size:2.7rem;margin-bottom:-10px}.project-intro,.project-page h1{color:var(--card-bg);text-align:center}.project-intro{font-size:1.3rem;line-height:1.6;margin:-15px auto 30px;max-width:800px}.project-divider{background-color:var(--card-bg);border:none;height:2px;margin:20px auto 40px;width:80%}.resume-page{align-items:center;background:var(--background-gradient);color:var(--text-color);display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:20px;text-align:center}.resume-pdf-container{border:2px solid var(--hover-bg);border-radius:8px;box-shadow:0 4px 8px #0003;height:80vh;margin:20px auto;max-width:900px;overflow:hidden;width:90%}.resume-pdf{border:none;height:100%;width:100%}.resume-download{margin-top:20px}.resume-download a{background-color:var(--hover-bg);border-radius:5px;color:var(--hover-text);display:inline-block;font-size:1rem;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.resume-download a:hover{background-color:var(--card-bg);color:var(--text-color)}.project-detail-page{align-items:center;background:var(--card-bg);border-radius:0;box-shadow:none;color:var(--text-color);justify-content:flex-start;margin:0;max-width:none;min-height:100vh;padding:60px 20px 40px}.detail-content,.project-detail-page{display:flex;flex-direction:column;width:100%}.detail-content{gap:20px;max-width:1100px;text-align:left}.icon-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:24px}.icon{height:96px;object-fit:contain;width:96px}.project-detail-page h1{font-size:2.5rem;margin-bottom:20px;text-align:center}.project-detail-page ul{list-style:disc;margin:12px 0 20px;padding-left:24px}.project-detail-page li{color:var(--text-color);font-size:1.2rem;line-height:1.6;margin-bottom:10px}.detail-image{border-radius:8px;box-shadow:0 4px 8px #0003;height:auto;margin-top:20px;max-width:75%}.detail-section{background:#0000;border-radius:0;box-shadow:none;margin:24px 0;padding:0}.detail-section h2{color:var(--text-color);margin-bottom:10px}.detail-section p{color:var(--text-color);line-height:1.6}.detail-section ul{margin-top:8px}.image-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:12px}.image-grid img{height:240px;object-fit:cover}.embed-container,.image-grid img{border-radius:8px;box-shadow:0 4px 8px #0003;width:100%}.embed-container{margin-top:12px;overflow:hidden;padding-bottom:56.25%;position:relative}.embed-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.diagram{grid-gap:8px;display:grid;font-weight:600;gap:8px;grid-template-columns:1fr;justify-items:center;margin:0 auto;max-width:900px;text-align:center;width:100%}.diagram-step{background:var(--dark-brown);border-radius:8px;color:var(--text-color);padding:10px 14px;width:100%}.diagram-arrow{font-size:1.2rem}.primary-button{background-color:var(--hover-bg);border-radius:8px;color:var(--card-bg);display:inline-block;font-weight:700;padding:12px 24px;text-decoration:none}.primary-button:hover{opacity:.9}.detail-subtitle{color:var(--text-color);font-size:1.1rem;margin-top:-10px;text-align:center}.certificates-page{background:var(--background-gradient);color:var(--text-color);font-family:Poppins,sans-serif;min-height:100vh;padding:24px}.certificates-header{background:var(--card-bg);border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.certificates-header h1{color:var(--hover-bg);margin:0 0 8px}.certificates-header p{color:var(--text-color);margin:0;max-width:720px}.anchor-links{display:flex;flex-direction:column;gap:8px;min-width:240px}.anchor-link{color:var(--hover-bg);font-weight:600;text-decoration:none;transition:color .2s ease}.anchor-link:focus,.anchor-link:hover{color:#f1e7d0;text-decoration:underline}.certificate-card{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 10px #0003;margin-bottom:20px;padding:20px}.certificate-card__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.certificate-status{border-radius:999px;display:inline-block;font-size:.9rem;font-weight:700;margin:0 0 10px;padding:6px 10px}.certificate-status--complete{background:#2f855a;color:#f6f6f6}.certificate-status--progress{background:#b7791f;color:#f6f6f6}.certificate-subtitle{color:#e6dec8;margin:4px 0 0}.certificate-actions{display:flex;flex-wrap:wrap;gap:12px}.certificate-action-link{border:1px solid var(--hover-bg);border-radius:8px;color:var(--hover-bg);font-weight:600;padding:8px 12px;text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.certificate-action-link:focus,.certificate-action-link:hover{background:#f1e7d0;border-color:#f1e7d0;color:#1f1b16}.certificate-preview{background:#1f1b16;border-radius:10px;margin:16px 0;padding:12px;text-align:center}.certificate-embed{display:flex;justify-content:center;margin:0 auto 12px}.certificate-description{color:#e6dec8;line-height:1.6;margin:0}.certificate-footer{margin-top:16px}.back-link{color:var(--hover-bg);font-weight:600;text-decoration:none}.back-link:focus,.back-link:hover{color:#f1e7d0;text-decoration:underline}@media (max-width:768px){.certificates-header{flex-direction:column}.anchor-links{flex-direction:row;flex-wrap:wrap}}
/*# sourceMappingURL=main.9b018f8a.css.map*/