*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}:focus{outline:2px solid #667eea;outline-offset:2px}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}*{box-sizing:border-box;font-weight:500;letter-spacing:.5px}#page{height:100%;position:relative;width:100%}.hidden{visibility:hidden}.menu-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;font-size:24px;padding:12px;position:fixed;right:20px;top:20px;transition:all var(--transition-medium);z-index:1000}.menu-btn:hover{background:#fff3;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blue-text{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-weight:600}.line{background:var(--primary-gradient);border-radius:2px;content:"";height:3px;position:relative;top:15px;width:60px}aside{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 20px 20px 0;color:#fff;height:100%;position:fixed;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:90px;z-index:100}aside,aside:hover{box-shadow:var(--shadow-xl)}aside:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);width:220px}.navbar{transform:translateX(-100%)}.navbar--visible{transform:translateX(0)}nav{height:100%;padding:20px 0}#nav-bar-list{display:flex;flex-direction:column;height:100%;justify-content:center;padding:0}aside ul{list-style-type:none}#nav-bar-list i{font-size:22px;margin-right:12px}#nav-bar-list a{color:#fff;transition:color var(--transition-fast)}.nav-icons{display:flex;flex-direction:column;height:310px;justify-content:space-between;padding:4.5px 0 7px 32px}.nav-icons li{align-items:center;border-radius:12px;color:#fff;display:flex;padding:8px;transition:all var(--transition-fast)}.nav-icons li:hover{background:#ffffff26;transform:translateX(4px)}.nav-buttons{display:flex;flex-direction:column;height:310px;justify-content:space-between;padding:0 16px}.nav-buttons a{font-size:13px;font-weight:500;text-decoration:none}.nav-buttons a:focus{outline:none}.nav-buttons a li{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;height:52px;margin:4px 0;padding:12px 16px;transition:all var(--transition-fast)}.nav-buttons li:hover{background:#ffffff40;box-shadow:var(--shadow-md);transform:translateX(6px)}.nav-buttons li a{color:#fff;display:flex;font-size:13px;text-decoration:none}.nav-buttons li a i{color:#ffffffe6;margin-right:12px}.scroll-down-container{align-items:center;bottom:2%;display:flex;gap:8px;left:32px;position:fixed;width:140px}.arrow i{animation:bounce 2s infinite;color:#ffffffe6;font-size:24px!important}.scroll-down-container p{color:#fffc;font-size:10px;font-weight:600;letter-spacing:1px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.outer-wrapper{height:100%;margin-left:90px;min-height:100vh;width:calc(100% - 90px)}.inner-wrapper{height:100%;margin:0 auto;max-width:1200px;padding:0 40px}header{align-items:center;display:flex;gap:60px;height:100vh;position:relative}header:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:30px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}#img-container{align-items:center;display:flex;height:60%;justify-content:center;position:relative;width:45%}#img-container img{border:4px solid #ffffff4d;border-radius:50%;box-shadow:var(--shadow-xl);height:320px;object-fit:cover;transition:all var(--transition-medium);width:320px}#img-container img:hover{box-shadow:var(--shadow-xl),0 0 40px #667eea4d;transform:scale(1.05)}#description-container{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-content:center;width:55%}.description{color:var(--text-secondary);font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin:0}.name{font-size:3.5rem;font-weight:700;line-height:1.1;margin:10px 0;text-shadow:0 2px 4px #0000001a}#socials-resume{align-items:center;display:flex;font-size:30px;gap:20px;justify-content:flex-start;margin-bottom:20px;margin-top:30px}#resume-button{background:var(--primary-gradient);border-radius:50px;box-shadow:var(--shadow-lg);color:#fff;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:14px 32px;position:relative;text-decoration:none;transition:all var(--transition-medium)}#resume-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}#resume-button:hover:before{left:100%}#resume-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.social-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:var(--shadow-md);display:flex;height:48px;justify-content:center;transition:all var(--transition-medium);width:48px}.social-container:hover{background:#fff3;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.social-container i{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:20px;transition:all var(--transition-fast)}main{width:100%}section{padding:40px 0}.head{padding:20px 0;text-align:center}.head h2{color:var(--text-primary);font-size:2.5rem;font-weight:700}.head span{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.about-me-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid hsla(0,0%,84%,.269);border-radius:30px;box-shadow:var(--shadow-lg);margin:auto;padding:40px 60px;transition:all var(--transition-medium);width:95%}.about-me-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.about-me{color:var(--text-secondary);font-size:1.1rem;font-weight:500;line-height:1.8}.skills-head{padding:60px 0;text-align:center}.skills-head h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-top:20px}.skills-head span{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.skills-grid{grid-gap:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid hsla(0,0%,84%,.269);border-radius:30px;box-shadow:var(--shadow-lg);display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-items:center;margin:auto;padding:60px;transition:all var(--transition-medium);width:95%}.skills-grid:hover{box-shadow:var(--shadow-xl)}.skill-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:12px;height:120px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-medium);width:120px}.skill-container:before{background:var(--primary-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-medium)}.skill-container:hover:before{opacity:.1}.skill-container i{align-items:center;color:var(--text-accent);display:flex;font-size:40px;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.skill-container p{color:var(--text-primary);font-size:11px;font-weight:600;line-height:1.2;margin:0;position:relative;text-align:center;z-index:1}.skill-container img{align-items:center;display:flex;height:40px;justify-content:center;object-fit:contain;position:relative;transition:all var(--transition-medium);width:40px;z-index:1}.skill-container:hover{border-color:#667eea4d;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.skill-container:hover img{transform:scale(1.1)}#bootstrap-container p,#postgresql-container p{font-size:11px;margin:0;padding:0}#rails-container img,#react-container img,#terminal-container img{height:40px;margin:0;object-fit:contain;width:40px}.projects-head{padding:60px 0;text-align:center}.projects-head h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-top:20px}.projects-head span{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.projects-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid hsla(0,0%,84%,.269);border-radius:30px;box-shadow:var(--shadow-lg);margin:auto;padding:40px;transition:all var(--transition-medium);width:95%}.projects-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.project-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:30px 0;padding:40px;transition:all var(--transition-medium)}.project-box:hover{border-color:#667eea4d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.project-img-container{display:flex;margin-bottom:30px}.project-img-container img{border:1px solid #fff3;border-radius:20px;box-shadow:var(--shadow-md);transition:all var(--transition-medium);width:100%}.project-img-container img:hover{box-shadow:var(--shadow-lg)}.project-description-container{margin-left:0;margin-top:0}.project-description-container h1{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0 0 20px}.project-description-container h4{color:var(--text-secondary);font-weight:500;margin:10px 0 25px}.project-description-container ul{color:var(--text-secondary);padding-left:20px}.project-description-container ul li{line-height:1.6;margin-bottom:8px}.project-description-container h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-top:30px}.project-links-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px;width:100%}.project-links-container a{background:var(--primary-gradient);border-radius:10px;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;padding:10px 20px;text-decoration:none;transition:all var(--transition-medium)}.project-links-container a:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-head{padding:60px 0;text-align:center}.contact-head h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-top:20px}.contact-head span{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.contact-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid hsla(0,0%,84%,.269);border-radius:30px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin:auto;padding:40px;transition:all var(--transition-medium);width:95%}.contact-container:hover{box-shadow:var(--shadow-xl)}.contact-container h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:30px}.contact-form-or-email{align-items:center;display:flex;gap:10px;justify-content:space-between}.contact-form-or-email h3{margin-bottom:0}.email-me-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;box-shadow:var(--shadow-md);display:flex;justify-content:center;padding:.5rem 1rem;transition:all var(--transition-medium)}.email-me-container:hover{border-color:#667eea4d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.email-icon-container{align-items:center;background:var(--primary-gradient);border-radius:50%;box-shadow:var(--shadow-md);display:flex;height:50px;justify-content:center;margin-right:10px;width:50px}.email-me-container a{color:var(--text-primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.email-me-container a:hover{color:var(--text-accent)}.email-me-container i{color:#fff;font-size:30px}#my-email{color:var(--text-primary);font-size:1.1rem;margin:10px 0}.email-me-container p{color:var(--text-secondary);font-weight:500;margin:5px 0}.contact-form-grid{grid-row-gap:20px;grid-column-gap:25px;column-gap:25px;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:10px;margin-top:30px;row-gap:20px}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid var(--text-secondary);border-radius:15px;color:var(--text-primary);font-family:Inter,Poppins,sans-serif;font-size:16px;font-weight:500;padding:18px 20px;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder{color:var(--text-secondary);opacity:.7}#message-input,#subject-input{grid-column:1/3}#message-input{min-height:120px;resize:vertical}#form-button{background:var(--primary-gradient);border:none;border-radius:50px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:.5px;margin:20px auto 0;overflow:hidden;padding:18px 50px;position:relative;text-decoration:none;transition:all var(--transition-medium)}#form-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}#form-button:hover:before{left:100%}#form-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}@media (max-width:1100px){.project-box{font-size:13px;padding:10px}.project-description-container h4{margin-bottom:20px}}@media (max-width:990px){.outer-wrapper{height:100%;margin-left:0;width:100%}aside{background:linear-gradient(135deg,#667eea,#764ba2);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:200px}.navbar{transition:transform .4s cubic-bezier(.25,.46,.45,.94)}header{flex-direction:column;height:auto;padding-bottom:80px}#img-container{top:80px;width:100%}#description-container{align-items:center;height:50%;margin-top:50px;text-align:center;top:80px;width:100%}#description-container p{width:75%}.inner-wrapper{padding:0 10px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));row-gap:40px}#email-input,#name-input{grid-column:1/3}}@media (max-width:767px){#img-container img{height:250px;width:250px}.about-me-container{background-color:#f7f7f7;margin:0;padding:0;width:100%}.about-me-container article{font-size:14px}section{padding:40px 0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));row-gap:10px}.projects-container,.skills-grid{background-color:#f7f7f7;margin:0;padding:0;width:100%}.project-box{flex-direction:column}.project-description-container{margin-left:10px;margin-top:25px}.project-img-container{margin:0 auto;max-width:500px}.project-img-container img{margin:0 auto}.contact-container{background-color:#f7f7f7;margin:0;padding:0;width:100%}.email-me-container{width:100%}.menu-btn{right:0;top:10px}}@media (max-width:440px){#img-container img,.project-img-container img{height:auto;width:100%}.menu-btn{right:-25px}}@media (max-width:400px){header{padding:40px 0}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--background-primary:#fafbfc;--background-secondary:#fff;--text-primary:#2d3748;--text-secondary:#4a5568;--text-accent:#667eea;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 0 10px #0000000a;--transition-fast:0.15s ease-in-out;--transition-medium:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}#root,.App,body,html{background:#fafbfc;background:var(--background-primary);color:#2d3748;color:var(--text-primary);font-family:Inter,Poppins,sans-serif;scroll-behavior:smooth;width:100%}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;min-height:100vh}
/*# sourceMappingURL=main.70a511ae.css.map*/