@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#111;color:#fff;font-family:Roboto Mono;margin:0}.header{align-items:center;background-color:#333;box-shadow:0 4px 6px #0000004d;color:#fff;display:flex;justify-content:space-between;min-height:40px;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.header-content{display:none}.header h1{flex:1 1;font-size:1.5rem;margin:0;white-space:nowrap}.header-name span{display:none}@media (min-width:1100px){.header-name .name-full{display:inline}}@media (min-width:850px) and (max-width:1099px){.header-name .name-medium{display:inline}}@media (min-width:769px) and (max-width:849px){.header-name .name-small{display:inline}}@media (max-width:768px){.header-name .name-full,.header-name .name-medium{display:none}}@media (min-width:481px) and (max-width:768px){.header-name .name-small{display:inline}}@media (max-width:480px){.header-name .name-initials{display:inline}}.header a{color:#fff;text-decoration:none}.header a:hover{text-decoration:underline}.header ul{display:flex;list-style:none;margin:0;padding:0}.nav{left:50%;position:absolute;transform:translateX(-50%)}.nav,.nav ul{display:flex;gap:1rem}.nav li{font-weight:700;padding-left:1rem}.nav a{opacity:.6;transition:opacity .3s ease}.nav a:hover{opacity:1}.nav a.active{color:#fff;font-weight:700;opacity:1}.social-links-container{align-items:center;display:flex;flex:1 1;justify-content:flex-end;overflow:hidden;padding-right:2rem}.social-links{display:flex;gap:1rem;list-style:none}.social-links a{color:#fff;font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:#0077b5}.cv-link{align-items:center;display:flex;font-family:Arial,sans-serif;font-size:1.6rem!important;font-weight:700;transform:translateY(-3px);vertical-align:middle}.cv-link:hover{color:#0077b5;text-decoration:none!important}.menu-toggle{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.overlay{display:none}@media (max-width:768px){.header{align-items:stretch;flex-direction:column;padding:.5rem 1rem}.header-content{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;position:relative;width:100%}.menu-toggle{display:block;margin-right:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1001}.nav{left:auto;position:static;transform:none;width:100%}.nav-container{align-items:flex-start;flex-direction:column;height:0;opacity:0;overflow:hidden;transition:all .3s ease;width:100%;z-index:1000}.nav-container.active{height:auto;margin-top:1rem;opacity:1;z-index:1000}.header nav{width:100%;z-index:1001}.nav ul{flex-direction:column;gap:0;width:100%;z-index:1002}.nav li{border-bottom:1px solid #ffffff1a;padding:0;text-align:center;width:100%}.nav a{cursor:pointer;display:block;opacity:.6;padding:.8rem 0;position:relative;transition:opacity .3s ease,background-color .3s ease;width:100%;z-index:1004}.nav a:hover{background-color:#ffffff1a;opacity:1}.nav a.active{background-color:#ffffff26;color:#fff;font-weight:700;opacity:1}.social-links-container{justify-content:center;margin-top:.5rem;padding:1rem 0;width:100%}.overlay{background-color:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}body{margin-top:70px}.nav-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;opacity:.6;padding:.8rem 0;position:relative;transition:opacity .3s ease,background-color .3s ease;width:100%;z-index:1005}.nav-button:hover{background-color:#ffffff1a;opacity:1;text-decoration:underline}.nav-button:active{background-color:#fff3}.nav li{position:relative;z-index:1003}}body{margin-top:60px}.hero{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;text-align:center}.hero-image{border:4px solid #ff9800;border-radius:50%;box-shadow:0 0 10px #ff980080;height:180px;margin-bottom:1.5rem;object-fit:cover;object-position:60% 10%;transition:transform .3s ease;width:180px}.hero-image:hover{transform:scale(1.02)}.hero h1{font-size:1.8rem;margin:.5rem 0}.hero-name span{display:none!important}@media (min-width:900px){.hero-name .name-full{display:inline!important}}@media (min-width:600px) and (max-width:899px){.hero h1{font-size:2.2rem!important}.hero-name .name-medium{display:inline!important}}@media (min-width:400px) and (max-width:599px){.hero h1{font-size:1.8rem!important}.hero-name .name-small{display:inline!important}}@media (max-width:399px){.hero h1{font-size:1.5rem!important}.hero-name .name-initials{display:inline!important}}.hero p{font-size:1rem;margin:.5rem 0;opacity:.9}.projects-section{color:#fff;padding:0;text-align:center}.home>.projects-section{background-color:rgba(48,48,48,.897);padding:2rem}.projects-section h2{color:#ff9800;font-size:1.8rem;margin-bottom:1.5rem;margin-top:0}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes attentionRotate{0%,30%{transform:rotate(0deg)}45%{transform:rotate(-5deg)}65%{transform:rotate(5deg)}85%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.projects-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.project-card{background-color:#333;border-radius:10px;flex-basis:calc(50% - 1rem);flex-grow:0;flex-shrink:0;height:250px;overflow:hidden;position:relative;transition:transform .3s ease-in-out;will-change:transform}.project-card:hover{transform:translateY(-5px)}.project-image{filter:brightness(.7) saturate(.9);transition:filter .3s ease-in-out}.project-card:after{background:radial-gradient(circle at center,#0000 60%,#000000e6 100%);content:"";height:80%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.project-card:hover .project-image{filter:blur(3px)}.project-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;height:80%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.project-card:hover .project-overlay{opacity:1}.project-overlay h3{color:#fff;font-size:1.5rem;margin:0}.project-overlay p{color:#ccc;font-size:1rem;margin:.5rem 0}.project-link{color:#222!important}.project-info{align-items:center;background-color:#000;bottom:0;color:#fff;display:flex;flex-direction:column;height:20%;justify-content:center;left:0;opacity:.95;position:absolute;text-align:center;width:100%;z-index:1}.project-info.home-page-info{align-items:center;display:grid;grid-template-columns:40% 60%;padding:0 10px}.left-aligned-title{align-self:center;justify-self:start;text-align:left}.left-aligned-title,.project-info h3{font-size:1rem;font-weight:700;margin:0}.project-info p{color:#ccc;font-size:.85rem;margin:0}.tech-stack{gap:.5rem;position:absolute;right:10px}.project-info.home-page-info .tech-stack,.tech-stack{align-items:center;display:flex;justify-content:flex-end}.project-info.home-page-info .tech-stack{flex-wrap:wrap;gap:.3rem;grid-column:2;height:100%;padding-right:15px;position:static}.tech-bullet{align-items:center;background-color:#000000e6;border:2px solid #fff3;border-radius:30px;color:#fff;display:flex;font-size:.8em;font-weight:600;margin:.3em;padding:.5em 1.2em;pointer-events:none;transition:background-color .3s ease}.project-info.home-page-info .tech-bullet{align-items:center;border-width:1.5px;display:flex;font-size:.8em;margin:.1em;padding:.25em .7em;white-space:nowrap}.project-info.home-page-info .tech-bullet .circle{height:8px;margin-right:.4em;width:8px}.tech-bullet .circle{border-radius:50%;height:10px;margin-right:.5em;width:10px}.circle.statistics{background-color:#ff9800}.project-demo.demo{align-items:center;animation:attentionRotate 3s ease-in-out infinite;animation-duration:6s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:ease-in-out;color:#ff9800;display:flex;font-size:1.1rem;font-weight:700;justify-content:flex-start;left:10px;padding-left:1rem;position:absolute;top:10px;white-space:nowrap;z-index:2}.project-demo.demo a{color:inherit;cursor:pointer;font-size:1.1rem;font-weight:700;padding-left:1rem;text-decoration:none}@media (max-width:768px){.project-card{flex:0 0 100%}.home>.projects-section{padding:1rem}}.experience-section{padding:2rem;padding-top:.5rem!important}.footer{background-color:#141414;color:#fff;display:block;padding:1rem 0;text-align:center;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.footer-links{display:flex;gap:1rem}.footer-links a{color:#fff;font-size:1.5rem;transition:color .3s ease}.footer-links a:hover{color:#0077b5}.experience-section{color:#fff;padding:0;text-align:center}.experience-section h2{color:#ff9800;font-size:1.8rem;margin-bottom:1.5rem;margin-top:0}.experience-container{display:flex;flex-direction:column;gap:1rem}.experience-card{align-items:center;background-color:#0006;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 4px #0003;display:flex;margin:0;padding:16px;transition:transform .3s ease,box-shadow .3s ease}.experience-card:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-3px)}.experience-logo{border-radius:8px;height:60px;margin-right:16px;object-fit:contain;width:60px}.experience-details{flex:1 1;text-align:left}.experience-details h3{color:#ff9800;margin:0 0 8px}.experience-details p{color:#ccc;font-size:.9rem;margin:0 0 8px}.experience-details ul{list-style-type:disc;margin:0;padding-left:20px}.experience-details ul li{font-size:.95rem;margin-bottom:6px}.skills-section{color:#fff;padding:0;text-align:center}.skills-section h2{color:#ff9800;font-size:1.8rem;margin-bottom:1.5rem;margin-top:0}.skills-container{display:flex;flex-direction:column;gap:1.5rem}.skills-list{gap:.5rem}.skill-bullet{margin-bottom:.5rem;width:fit-content}.circle.jscript{background-color:#f0db4f}.circle.typescript{background-color:#3178c6}.circle.java{background-color:#007396}.circle.node\.js{background-color:#68a063}.circle.docker{background-color:#2496ed}.circle.aws{background-color:#f90}.circle.machine.learning{background-color:#01a9db}.circle.c{background-color:#bd1e1e}.circle.langchain{background-color:#12ce2b}.circle.sckit{background-color:#f7c02d}.circle.pytorch{background-color:#0e2cb6}@media (max-width:768px){.skills-list{justify-content:center}}.home-content{background-color:rgba(48,48,48,.897);display:flex;flex-direction:row;gap:2rem;padding:2rem}.left-column{display:flex;flex:1 1;flex-direction:column}.left-column.extended{display:flex;flex-direction:column;gap:2rem}.hero-container{margin-bottom:0}.interests-container{text-align:center}.interests-container h2{color:#ff9800;font-size:1.8rem;margin-bottom:1.5rem;margin-top:0}.interests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.interest-card{background-color:#0006;border-radius:12px;padding:1.25rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.interest-card:hover{box-shadow:0 5px 15px #00000080;transform:translateY(-5px)}.interest-icon{font-size:2.5rem;margin-bottom:.75rem}.interest-card h3{color:#ff9800;font-size:1.2rem;margin:0 0 .75rem}.interest-card p{color:#e0e0e0;font-size:.9rem;margin:0}.quote-container{text-align:center}.quote-container h2{color:#ff9800;font-size:1.8rem;margin-bottom:1.5rem;margin-top:0}.quote-container blockquote{color:#f0f0f0;font-size:1.1rem;font-style:italic;line-height:1.6;margin:0 0 1rem;padding:0 2rem}.quote-author{color:#ff9800;font-size:.9rem;text-align:right}.right-column{display:flex;flex:2 1;flex-direction:column;gap:2rem}.rounded-container{background-color:#333;border-radius:20px;box-shadow:0 4px 10px #0000004d;overflow:hidden;padding:1.5rem}.dual-container{display:flex;flex-direction:row;gap:2rem}.half-width{flex:1 1;margin-bottom:0}.half-width:first-child{flex:2 1}.half-width:last-child{flex:1 1}@media (max-width:768px){.home-content{flex-direction:column}.left-column,.right-column{width:100%}.dual-container{flex-direction:column}.half-width{margin-bottom:2rem}.half-width:last-child{margin-bottom:0}.interests-grid{grid-template-columns:1fr}}.project-page{background-color:rgba(48,48,48,.897);color:#fff;padding-bottom:2rem;padding-top:60px;text-align:center}.project-wrapper{display:flex;flex-direction:row;gap:2rem;margin:0 auto;max-width:1200px;padding:0 1rem}.project-content{flex:3 1;padding:2rem}.project-content,.tech-stack-section{background-color:#333;border-radius:10px;box-shadow:0 4px 6px #0000004d}.tech-stack-section{align-self:flex-start;display:flex;flex:1 1;flex-direction:column;margin-top:2rem;padding:1.5rem}.skills-category{text-align:left}.skills-category h3{border-bottom:1px solid #ffffff1a;color:#ff9800;font-size:1.2rem;margin:0 0 .8rem;padding-bottom:.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start}.skill-bullet{align-items:center;background-color:#0003;border:1px solid #ffffff1a;border-radius:30px;box-sizing:border-box;color:#fff;display:flex;flex:0 0 auto;font-size:.9em;font-weight:500;margin-bottom:0;margin-right:0;padding:.5em 1em;transition:transform .3s ease,box-shadow .3s ease;width:auto}.skill-bullet:hover{background-color:#0000004d;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.skill-bullet .circle{border-radius:50%;flex-shrink:0;height:10px;margin-right:.5em;width:10px}.skill-name{margin-right:.8rem;white-space:nowrap}.skill-level{display:flex;flex-shrink:0;gap:3px}.level-dot{background-color:#fff3;border-radius:50%;height:6px;width:6px}.level-dot.filled{background-color:#ff9800}.image-container{border-radius:10px;height:300px;margin-bottom:1.5rem;overflow:hidden;width:100%}.project-image{height:100%;object-fit:cover;width:100%}.project-description-container{text-align:left}.project-description{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.project-details{align-items:flex-start;display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}.project-link{background-color:#ff9800;border:none;border-radius:5px;color:#222;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.project-link:hover{background-color:#e68900;color:#222}.project-type{color:#ccc;font-size:1rem}.circle.python{background-color:#306998}.circle.tensorflow{background-color:#ff6f00}.circle.cryptography{background-color:#e625ec}.circle.web{background-color:#e4e4e4}.circle.react{background-color:#61dbfb}.circle.javascript{background-color:#f0db4f}.circle.web3{background-color:#128b07}.circle.blockchain{background-color:#f8d700}.circle.machine-learning{background-color:#ff9800}.circle.statistics{background-color:#4caf50}.circle.numpy{background-color:#4dabcf}.circle.matplotlib{background-color:#11557c}.circle.git{background-color:#f05032}.circle.???{background-color:#9e9e9e}.circle.\!\!\!{background-color:#f44336}@media (max-width:768px){.project-wrapper{flex-direction:column}.tech-stack-section{margin-top:1.5rem;order:2}.project-content{order:1}.skill-bullet{width:auto}}.blog-page{background-color:#222;color:#fff;justify-content:space-between;min-height:100vh}.blog-container,.blog-page{display:flex;flex-direction:column}.blog-container{align-items:center;flex-grow:1;gap:2rem;margin-top:60px;padding:2rem}.blog-card-link{color:inherit;display:block;max-width:800px;text-decoration:none;transition:transform .3s ease;width:100%}.blog-card-link:hover{transform:scale(1.02)}.blog-card{align-items:center;background-color:#333;border-radius:10px;box-shadow:0 4px 6px #0000004d;display:flex;justify-content:space-between;padding:1rem;transition:box-shadow .3s ease;width:100%}.blog-card-link:hover .blog-card{box-shadow:0 6px 10px #00000080}.blog-image{border-radius:10px;height:150px;margin-left:1rem;max-width:100%;object-fit:contain;width:225px}.blog-content{flex:1 1}.blog-content h2{font-size:1.5rem;margin:0}.blog-content p{color:#ccc;font-size:1rem;margin:.5rem 0 0}.blog-date{color:#888;font-size:.9rem;left:10px;position:relative;top:-2 0}.blog-post-page{background-color:#222;color:#fff;min-height:100vh;padding-top:60px}.blog-post-container{margin:0 auto;max-width:800px;padding:2rem}.blog-post-title{font-size:2.2rem;margin-bottom:.5rem}.blog-post-date{color:#888;font-size:.9rem;margin-bottom:2rem}.blog-post-image-container{margin-bottom:2rem;text-align:center}.blog-post-image{border-radius:10px;box-shadow:0 4px 10px #0006;max-height:400px;max-width:100%;object-fit:contain}.blog-post-content{font-size:1.1rem;line-height:1.6}.blog-post-content h2{border-bottom:1px solid #444;color:#fff;font-size:1.8rem;margin-bottom:1rem;margin-top:2rem;padding-bottom:.5rem}.blog-post-content p{color:#e0e0e0;margin-bottom:1.2rem}.blog-post-content ol,.blog-post-content ul{color:#e0e0e0;margin:1rem 0 1.5rem 2rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content ol.blog-list,.blog-post-content ul.blog-list{background-color:#333;border-left:4px solid #555;border-radius:8px;padding:1rem 1rem 1rem 2.5rem}.blog-post-content strong{color:#fff;font-weight:700}.blog-post-content br{content:"";display:block;margin-bottom:.8rem}@media (max-width:768px){.blog-post-container{padding:1.5rem}.blog-post-title{font-size:1.8rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content{font-size:1rem}.blog-card{flex-direction:column}.blog-image{height:auto;margin-left:0;margin-top:1rem;order:-1;width:100%}.blog-content{width:100%}}.read-more-link{background-color:#444;border-radius:5px;color:#fff;display:inline-block;font-weight:700;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.read-more-link:hover{background-color:#555}.about-page{background-color:rgba(48,48,48,.897);color:#fff;display:flex;flex-direction:column;min-height:100vh;padding-top:60px;text-align:center}.about-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.about-content{background-color:#333;border-radius:10px;box-shadow:0 4px 6px #0000004d;max-width:800px;padding:2rem}.about-content h1{color:#ff9800;font-size:2rem;margin-bottom:1.5rem;margin-top:0}.coming-soon-container{background-color:#0003;border:1px solid #ffffff1a;border-radius:8px;margin:2rem 0;padding:2rem}.coming-soon-icon{color:#ff9800;font-size:3rem;margin-bottom:1rem}.coming-soon-container h2{color:#ff9800;font-size:1.8rem;margin-bottom:1.5rem}.coming-soon-container p{color:#ddd;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}@media (max-width:768px){.about-container{padding:1rem}.about-content{padding:1.5rem}}
/*# sourceMappingURL=main.35c45d7e.css.map*/