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}*{box-sizing:border-box;max-width:100vw}body,html{overflow-x:hidden}.App{text-align:center}.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)}}body{background-color:#f4f4f4;color:#333;font-family:Roboto,sans-serif;margin:0}h1{font-size:30px;margin-bottom:10px}h2,h3{color:#333}.container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;min-height:100vh;overflow:hidden}header{background-color:#110f0e;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 160 80'%3E%3Cg fill='%231F1C19' fill-opacity='.45'%3E%3Cpath d='M0 10V0h10zM0 40V30h10zM0 30V20h10zM0 70V60h10zM0 80V70h10zM50 80V70h10zM10 20V10h10zM10 40V30h10zM20 10V0h10zM10 10V0h10zM30 20V10h10zM20 20v20l20-20zM40 10V0h10zM40 20V10h10zM40 40V30h10zM30 40V30h10zM40 60V50h10zM50 30V20h10zM40 60v20l20-20zM50 40v20l20-20zM60 0v20L80 0zM70 30V20h10zM70 40V30h10zM60 60v20l20-20zM80 10V0h10zM70 40v20l20-20zM80 60V50h10zM60 30V20h10zM80 70v10h10l10-10zM80 10v30l30-30zM110 40V30h10zM90 40v30l30-30zM10 50v30l30-30zM110 60V50h10z'/%3E%3Cpath d='M100 60v20l20-20zM110 0v20l20-20zM120 30V20h10zM130 10V0h10zM130 30V20h10zM120 40V30h10zM130 50V40h10zM120 50v20l20-20z'/%3E%3Cpath d='M110 70v10h20l10-10zM140 10V0h10zM140 20V10h10zM140 40V30h10zM140 50V40h10zM140 70V60h10zM150 20v20l10-10V20zM150 60V50h10zM140 70v10h10l10-10z'/%3E%3C/g%3E%3C/svg%3E");color:#fff;padding-top:20px;position:relative}footer,header,section{box-sizing:border-box;width:100%}footer,header{background-color:#3d3838;text-align:center}header img{border:3px solid #ffffff80;border-radius:50%;height:120px;margin-bottom:15px;order:2;width:120px}.profile-header{display:flex;margin:0 auto;width:250px}.description-me{margin-top:22px;max-width:100%;width:100%}.name{color:#fff;font-size:28px;font-weight:700;margin:10px 10px 10px 0}.title{color:#bbb;font-size:18px;margin-bottom:10px;margin-top:5px}.social-links{display:flex;gap:10px;justify-content:center;margin-top:2px}.social-links img{border:none;height:30px;width:30px}.linkedin img{border-radius:0}.social-links a{display:inline-block;transition:transform .2s ease-in-out}.social-links a:hover{transform:scale(1.1)}nav{align-items:center;background-color:#222;border-bottom:2px solid #444;display:flex;justify-content:center;padding:2px 0;width:100%}nav a{color:#fff;font-size:15px;font-weight:500;margin:0 10px;padding:20px 15px;text-decoration:none;text-transform:uppercase;top:2px;transition:background-color .3s ease,transform .3s ease}nav a:hover{background-color:#0f9af1;transform:scale(1.1)}.portfolio{position:relative}.dropdown{background-color:#333;border-radius:4px;box-shadow:0 5px 10px #0000004d;left:10px;opacity:0;position:absolute;top:204%;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:86%}.portfolio:hover .dropdown{opacity:1;visibility:visible}.dropdown a{border-bottom:1px solid #444;color:#fff;display:block;font-size:16px;margin:0 8px;padding:12px 0;text-decoration:none;text-transform:capitalize;transition:background-color .3s ease}.dropdown a:hover{background-color:#5b5749}.dropdown a:last-child{border-bottom:none}nav{transition:background-color .3s ease}section{background-color:#fff;box-shadow:0 2px 10px #0000001a;color:#333;flex-grow:1;padding:20px;text-align:center}.section{margin:20px 0}.about-section{background-color:#feffff}.about-section h1{color:#333;font-size:1.8rem;font-weight:600}.about-section p{color:#4a5568;font-size:1.125rem;line-height:1.75}.about-section .container{margin:0 auto;max-width:800px;padding:20px}#portfolio h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}#portfolio{align-items:center;display:flex;flex-direction:column;justify-content:center}#portfolio .tile-section{grid-gap:30px;gap:30px;justify-items:center;width:100%}#portfolio video{height:330px}#portfolio img,#portfolio video{object-fit:cover;object-position:top;width:100%}#portfolio img{height:350px}.project{opacity:0;transform:translateY(80px);transition:opacity .6s ease-out,transform .6s ease-out}.project.slide-up{opacity:1;transform:translateY(0)}.project img,video{display:block;height:auto;width:100%}.project-tile{padding:20px;text-align:center}.project-tile h3{color:#4c91db;font-size:20px;margin-bottom:10px}.project-tile p{color:#b3b1b1;font-size:14px;margin:10px 0}.project-tile .tech-stack{color:#a7a5a5;font-size:14px;margin-top:15px;text-align:left}.project-tile .tech-stack strong{color:#4c91db}.project-tile a{background-color:#2ecc71;border:2px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin:15px auto;padding:12px 25px;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.project-tile a:hover{background-color:#2ecc71;border-color:#fff;box-shadow:0 4px 10px #0000001a;transform:scale(1.05)}.project-tile a:active{box-shadow:0 2px 6px #0000001a;transform:scale(1)}#seo-success .seo-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px}#seo-success img{border-radius:8px;height:auto;max-width:100%}#seo-success .seo-text{flex:1 1;text-align:left}#seo-success .seo-text p{color:#333;font-size:16px;line-height:1.6;margin:15px 0}#seo-success .seo-text a{color:#4c91db;font-weight:700;text-decoration:none}#seo-success .seo-text a:hover{color:#0056b3;text-decoration:underline}.contact-header{color:#dbd9d9}footer{background-color:#141414;color:#e9e6e6;padding:30px 20px;text-align:center}footer a{color:#4c91db;font-weight:700;margin-right:5px;text-decoration:none}footer a:hover{color:#fff}footer .social-icons img{height:30px;margin:10px;width:30px}footer p{font-size:14px;margin:5px 0}@media (max-width:880px){.description-me{width:100%}}@media (min-width:768px){.container{flex-direction:column}.dropdown{left:13px;width:82%}nav a{margin:0 15px}#portfolio .tile-section{grid-template-columns:1fr}}@media (max-width:480px){.name{font-size:24px}.title{font-size:16px}nav a{font-size:14px}}#portfolio .tile-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin-bottom:35px;margin-top:30px}@media (min-width:1200px){#portfolio .tile-section{gap:15px;grid-template-columns:repeat(3,minmax(200px,1fr))}}@media (min-width:1500px){#portfolio .tile-section{grid-template-columns:repeat(3,minmax(200px,1fr))}}.project{max-width:100%}.project img,.project video{height:auto;max-width:100%}.project{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:12px;box-shadow:0 4px 10px #00000080;color:#fff;overflow:hidden;padding:20px;position:relative}.project-tile:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23ffffff20' stroke-width='2' d='M0 0h100v100H0z'/%3E%3Ccircle cx='50' cy='50' r='30' fill='none' stroke='%23ffffff10' stroke-width='2'/%3E%3C/svg%3E");height:100%;opacity:.2;width:100%}.project-tile:after,.project-tile:before{content:"";left:0;position:absolute;top:0;z-index:-1}.project-tile:after{animation:floatingGradient 6s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:300%;width:300%}@keyframes floatingGradient{0%{transform:translate(-50%,-50%)}50%{transform:translate(10%,10%)}to{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=main.54834dae.css.map*/