body{background-color:#2a2a2a;color:#ffffff;font-family:'Arial',sans-serif;margin:0;padding:0;scroll-behavior:smooth;transition:background-color 0.3s,color 0.3s}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../img/background.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.3;z-index:0}.header{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;color:white}.light-theme{background-color:#ffffffd5;color:#000000;scroll-behavior:smooth}.hero h1{margin:0;font-size:3.2em}.hero{background-size:cover;background-position:center;padding:80px 20px;text-align:center;color:#ffffff;max-width:100%;padding:20px;background-color:transparent}.light-theme .hero{background-color:transparent}.light-theme .hero h1{color:#000000c5}.hero h2{font-size:1.5em;font-family:'consolas',Times,serif;margin:10px 0;text-align:center;overflow:hidden;white-space:nowrap;border-right:4px solid #149ddde6;width:100%;animation:typing 3s steps(30,end)forwards,blink-caret 0.75s step-end infinite;display:inline-block}@keyframes typing{from{width:0}to{width:85%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#149ddde6}}.hero p{font-size:1.2em;margin:10px 0}.light-theme .hero h2{color:#000000c5}.theme-toggle{float:right;margin-top:20px;margin-right:20px;background-color:rgba(85,84,84,0.8);border:none;border-radius:5px;padding:10px;cursor:pointer;transition:background-color 0.3s;z-index:1}.theme-toggle:hover{background-color:rgba(110,110,110,0.8)}.theme-toggle .img-icon{width:25px;height:25px}.about-section{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:50%;margin:20px 0;text-align:start;margin:auto}.about-section h2{font-size:2.5em;margin-top:10em;text-decoration:underline #149ddd}.about-section .img-fluid{display:flex;margin-top:20px;max-width:30%;height:auto;border-radius:50%;border:2.5px solid #149ddde6;align-items:center;justify-content:center;float:right}.about-section .btn-section .img-github{display:flex;margin-top:30%;margin-right:20px;width:30px;align-items:center;justify-content:center;float:right;border-radius:50%;transition:box-shadow 0.3s}.about-section .btn-section .img-github:hover{box-shadow:0 0 10px 0 #222222;border-radius:50%}.light-theme .img-github{filter:none}.about-section .btn-section .img-linkedin{display:flex;margin-top:30%;margin-right:10px;width:30px;align-items:center;justify-content:center;float:right;border-radius:10%;transition:box-shadow 0.3s}.about-section .btn-section .img-linkedin:hover{box-shadow:0 0 10px 0 #222222;border-radius:10%}.light-theme .img-linkedin{filter:none}.about-section .btn-section .img-documents{display:flex;margin-top:30%;margin-right:10px;width:30px;height:auto;align-items:center;justify-content:center;float:right;border-radius:25%;transition:box-shadow 0.3s}.about-section .btn-section .img-documents:hover{box-shadow:0 0 10px 0 #222222;background-color:transparent;border-radius:25%}.light-theme .img-documents{filter:none}.img-github,.img-linkedin,.img-documents{filter:brightness(0)invert(1)}.skill-section{text-align:center;display:flex;flex-direction:column;justify-content:center;max-width:50%;margin:20px 0;margin:auto}.skill-section h2{text-align:center;font-size:2.5em;margin-top:10em}.skill-section .projects-title{text-align:center;font-size:2.5em;margin-top:5em}.skill-section .skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,0.5fr));gap:30px;margin-top:20px;padding:20px 0}.light-theme .project-overlay{background:rgba(20,157,221,0.95)}.light-theme .project-content{color:white}.light-theme .btn-demo{color:white;border-color:white}.light-theme .btn-demo:hover{background:white;color:#149ddd}.skill-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px;margin-top:20px}.skill-section .projects-grid{background-color:transparent;border-radius:10px;padding:4px;text-align:center;color:#ffffff;transition:transform 0.3s}.skill-section .projects-grid .project .img-skill{width:45%;height:45%px;margin-bottom:10px}.skill-section .projects-grid .img-skill:hover{transform:scale(1.3);transition:transform 0.3s ease-in-out}.light-theme .project img{filter:invert(1)}.skill-section .skills-grid .btn-demo{background-color:#149ddd;color:white;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s;text-decoration:none;display:inline-block;padding:8px 16px}.skill-section .skills-grid .btn-demo:hover{background-color:#0f76a5;transform:translateY(-2px)}.contact-section{display:flex;flex-direction:column;justify-content:center;max-width:65%;margin:0 0;margin:auto}.contact-section h2{align-items:center;text-align:center;font-size:2.5em;margin-top:10em}.form-container{background-color:#1f1f1fcb;border-radius:10px;padding:20px;width:80%;margin:auto;align-items:center}.form-group{margin-bottom:10px;align-items:center}label{font-size:1.3em;font-family:'consolas',Times,serif;display:block;margin-bottom:5px;font-weight:bold;color:#a4a3a3ac;text-align:start}input[type="text"],input[type="email"],textarea{font-size:12px;font-family:'consolas',Times,serif;width:95%;padding:10px;border:1px solid #a4a3a3ac;border-radius:5px;font-size:14px;transition:border-color 0.3s;background-color:#ffffffe5;text-align:center}input[type="text"]:focus,input[type="email"]:focus,textarea:focus{font-size:12px;border:2px solid;border-color:#149ddd;outline:none;text-align:center}.submit-btn{float:right;background-color:#149ddd;color:white;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-size:16px;transition:background-color 0.3s;align-items:center}.submit-btn:hover{background-color:#0f76a5}.img-fluid{width:40%;height:auto;object-fit:cover;border-radius:10px;text-align:center;justify-content:center;display:flex}.footer{background-color:#00000073;text-align:center;margin-top:4em;position:relative;width:100%;min-height:5vh;display:flex;justify-content:center;align-items:center;font-size:11px}.whatsapp-button{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;border-radius:50%;padding:10px;text-decoration:none;transition:box-shadow 0.3s;z-index:1000}.whatsapp-button:hover{box-shadow:0 0 15px 0 #128C7E;background-color:transparent;border-radius:50%}@media(max-width:1024px){.about-section{max-width:70%;padding:0 1rem}.about-section h2{font-size:2.2em;margin-top:8em}.about-section .img-fluid{max-width:40%}.skill-section{max-width:70%;padding:0 1rem}.skill-section h2{font-size:2.2em;margin-top:8em}.skill-section .projects-title{font-size:2.2em;margin-top:4em}.skill-section .projects-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px}.skill-section .skills-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.contact-section{max-width:90%}.contact-section h2{font-size:2.2em;margin-top:4em}.form-container{width:90%}.hero h1{font-size:2.8em}.hero h2{font-size:1.3em}}@media(max-width:768px){.container{padding:0}.hero{padding:60px 15px}.hero h1{font-size:2em;margin:0 10px}.hero h2{font-size:1.1em;width:90%;margin:10px auto}@keyframes typing{from{width:0}to{width:90%}}.theme-toggle{margin-top:10px;margin-right:10px;padding:8px}.about-section{max-width:90%;padding:0 1rem;margin:10px auto}.about-section h2{font-size:1.8em;margin-top:5em;text-align:center}.about-section p{font-size:1em;text-align:justify}.about-section .img-fluid{max-width:60%;margin:20px auto;float:none;display:block}.about-section .button-container{display:flex;justify-content:center;gap:15px;margin-top:20px}.about-section .btn-section .img-github,.about-section .btn-section .img-linkedin,.about-section .btn-section .img-documents{margin:0;width:35px;float:none}.skill-section{max-width:90%;padding:0 1rem}.skill-section h2{font-size:1.8em;margin-top:5em}.skill-section .projects-title{font-size:1.8em;margin-top:3em}.skill-section .projects-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px;padding:10px 0}.skill-section .projects-grid .project .img-skill{width:60%;height:auto}.skill-section .skills-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:20px;padding:15px 0}.contact-section{max-width:95%;padding-bottom:3rem}.contact-section h2{font-size:1.8em;margin-top:3em;margin-bottom:1.5em}.form-container{width:95%;padding:15px}.form-group{margin-bottom:15px}label{font-size:1.1em}input[type="text"],input[type="email"],textarea{width:100%;font-size:14px;padding:12px}.submit-btn{width:100%;float:none;padding:12px 20px;font-size:16px;margin-top:10px}.footer{margin-top:2em;font-size:10px;padding:10px}.spacer{height:30px !important}}@media(max-width:480px){.hero h1{font-size:1.6em}.hero h2{font-size:0.95em}.about-section{max-width:95%}.about-section h2{font-size:1.5em;margin-top:4em}.about-section p{font-size:0.95em}.about-section .img-fluid{max-width:70%}.about-section .btn-section .img-github,.about-section .btn-section .img-linkedin,.about-section .btn-section .img-documents{width:30px}.skill-section{max-width:95%}.skill-section h2{font-size:1.5em;margin-top:4em}.skill-section .projects-title{font-size:1.5em;margin-top:2.5em}.skill-section .projects-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px}.skill-section .projects-grid .project .img-skill{width:70%}.contact-section h2{font-size:1.5em;margin-top:2.5em}.form-container{width:100%;padding:12px}label{font-size:1em}input[type="text"],input[type="email"],textarea{font-size:13px;padding:10px}}@media(min-width:1440px){.about-section,.skill-section{max-width:45%}.contact-section{max-width:60%}.form-container{width:70%}}