@import url(https://fonts.googleapis.com/css2?family=Tomorrow:wght@400;500;600;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}html{scroll-behavior:smooth}body{background-color:#000;color:#fff;font-family:Tomorrow,sans-serif;margin:0;overflow-x:hidden}.container{width:100%}.container,.intro{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.intro{background:url(/static/media/background.e12be14733f50a75678a.png) no-repeat 50%/cover;padding:84px 40px 0}.intro-content{align-items:center;box-sizing:border-box;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1100px}.intro-text{max-width:600px}.intro-text h1{color:#fff;font-weight:700}.intro-text h1,.subtitle{font-size:32px;line-height:1.2;margin:0}.subtitle{color:#ccc}.description{color:#aaa;font-size:18px;margin:20px auto;text-align:justify}.profile-img{border-radius:4px;height:370px;object-fit:cover;width:370px}.tech-section{background:#000;padding:30px 10px;text-align:center}.tech-title{font-size:24px;font-weight:700;margin-bottom:20px}.tech-icons-container{display:flex;flex-wrap:wrap;justify-content:center}.tech-icon{cursor:pointer;margin:20px;text-align:center;transition:transform .3s}.tech-icon:hover{transform:scale(1.1)}.tech-img{filter:brightness(1);height:48px;object-fit:contain;transition:transform .3s ease,filter .3s ease;vertical-align:middle;width:48px}.tech-icon img.tech-img{display:inline-block;position:relative;top:4px}.tech-icon p{color:#ccc;font-weight:700;margin-top:10px}.tech-icon:hover .fa-html5{color:#e44d26}.tech-icon:hover .fa-css3-alt{color:#264de4}.tech-icon:hover .fa-js{color:#f0db4f}.tech-icon:hover .fa-react{color:#61dafb}.tech-icon:hover .fa-node-js{color:#68a063}.tech-icon:hover .fa-php{color:#777bb4}.tech-icon:hover .fa-java{color:#f89820}.tech-icon:hover .fa-python{color:#3776ab}.tech-icon:hover .fa-docker{color:#0db7ed}.tech-icon:hover img[src*="ejs.svg"]{filter:brightness(0) saturate(100%) invert(74%) sepia(27%) saturate(564%) hue-rotate(44deg) brightness(100%) contrast(97%)}.tech-icon:hover img[src*="sql.svg"]{filter:brightness(0) saturate(100%) invert(52%) sepia(97%) saturate(2688%) hue-rotate(167deg) brightness(97%) contrast(101%)}.tech-icon:hover img[src*="mongo.svg"]{filter:brightness(0) saturate(100%) invert(39%) sepia(90%) saturate(438%) hue-rotate(85deg) brightness(96%) contrast(93%)}.projects{background-color:#080808;padding:40px 20px;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin:60px auto;max-width:1100px}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 0 10px #ffffff1a;color:#000;display:flex;flex-direction:column;padding:20px;text-align:center}.card-image-placeholder{border-radius:8px;height:160px;margin-bottom:10px;overflow:hidden;width:100%}.project-image{height:100%;object-fit:cover;width:100%}.card-info{text-align:center}.card-title{font-size:20px;font-weight:700}.card-description{color:#333;font-size:14px;margin:10px 0}.card-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.card-tag{background-color:#eee;border-radius:12px;color:#333;font-size:12px;padding:4px 8px}.card-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:20px}.btn-black,.btn-outline{border-radius:6px;cursor:pointer;gap:6px;padding:6px 10px}.btn-black,.btn-outline{align-items:center;display:flex;font-size:14px;text-decoration:none}.btn-outline{background:#0000;border:1px solid #ccc;color:#000}.btn-black,.btn-outline{border-radius:8px;font-weight:600;gap:8px;padding:8px 16px;transition:.3s ease}.btn-black{align-items:center;background-color:#111;border:1px solid #111;color:#fff;display:flex;font-size:14px;text-decoration:none}.btn-outline:hover{background:#f0f0f0}.btn-black:hover{background-color:#222}.icon-left,.icon-right{height:16px;width:16px}.contact{background:#000;padding:24px 16px 36px}.contact--loading{min-height:224px}.contact-loading-text{color:#8f98a3;margin:0 auto;max-width:400px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:400px}.contact-form input,.contact-form textarea{border:none;border-radius:4px;outline:none;padding:10px}.contact-form button{background:#0061f1;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.contact-form button:hover{background:#2875d9}.contact-form button:disabled{background:#4b5668;cursor:not-allowed}.contact h2{margin:0 0 20px;text-align:center}.footer{background:#111;border-top:1px solid #333;padding:20px;text-align:center}.footer .social-icons{justify-content:center}.floating-nav{display:none}@media (max-width:768px){.intro{background-position:top;background-size:cover;padding:40px 20px 0}.intro-content{align-items:flex-start;flex-direction:column;gap:24px;margin:0 auto;max-width:360px;text-align:left}.intro-text h1{font-size:24px;line-height:1.2}.subtitle{font-size:22px;line-height:1.2}.description{font-size:15px;line-height:1.5;margin:16px 0;text-align:left}.profile-img{align-self:center;height:180px;width:180px}.projects{padding:32px 16px}.projects-grid{gap:1.5rem;margin:32px auto}.contact-form{margin:0 auto;max-width:100%;padding:0 4px}.floating-nav{bottom:20px;display:block;position:fixed;right:20px;z-index:1000}.floating-button{background:#0061f1;border:none;border-radius:50%;box-shadow:0 4px 6px #0000004d;cursor:pointer;padding:0}.menu-icon{height:48px;width:48px}.floating-menu{background:#111;border:1px solid #333;border-radius:8px;bottom:60px;display:flex;flex-direction:column;gap:10px;padding:10px 15px;position:absolute;right:0}.floating-menu a{color:#fff;font-size:16px;font-weight:700;text-decoration:none}.floating-menu a:hover{color:#0061f1}}.navbar{background-color:#000;border-bottom:1px solid #333;box-shadow:0 5px 10px #00000040;box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:20px;width:100%}.github,.instagram,.linkedin{height:32px;width:32px}.logo-img{height:48px;object-fit:contain;width:48px}.nav-container{align-items:center;box-sizing:border-box;justify-content:space-between;margin:0 auto;padding:0 40px;width:100%}.nav-container,.nav-links{display:flex;flex-wrap:wrap}.nav-links{gap:20px}.nav-links a{color:#fff;font-weight:700;text-decoration:none}.nav-links a:hover{color:#027e97}.nav-links--placeholder{display:none}.social-icons{display:flex;gap:10px}.social-icons svg{color:#fff;cursor:pointer}.social-icons a{align-items:center;background:#0000;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-icons a svg{color:#fff;font-size:18px;transition:all .3s ease}.social-icons a:hover{background-color:#fff;transform:translateY(-3px) scale(1.1)}.social-icons a:hover svg{color:#000}.social-icons a:hover .github{color:#171515}.social-icons a:hover .linkedin{color:#0077b5}.social-icons a:hover .instagram{color:#e4405f}@media (max-width:768px){.navbar.navbar--portfolio{display:none}.navbar.navbar--hub{display:block}.nav-container{padding:0 16px;row-gap:12px}.nav-links{flex-basis:100%;justify-content:center;text-align:center}.nav-links a{font-size:14px}.social-icons a{height:36px;width:36px}.social-icons a svg{font-size:16px}}
/*# sourceMappingURL=main.9e2f7337.css.map*/