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}.toggle-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;left:20px;padding:10px;position:fixed;top:20px;transition:transform .3s ease-in-out;z-index:1000}.toggle-button:hover{transform:rotate(90deg)}.vertical-header{background:linear-gradient(45deg,#ebca38,#f08f21);box-shadow:5px 0 15px #0000004d;height:100vh;left:0;opacity:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .4s ease-in-out,opacity .4s ease-in-out;width:250px;z-index:999}.vertical-header .language-toggle{float:right;margin-right:30px;margin-top:30px;text-align:center}.language-btn{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:16px;transition:background-color .3s,transform .3s}.language-btn.selected{border-radius:5px;font-weight:700;transform:scale(1.1)}.language-btn:hover{background-color:#3e3e3e;transform:scale(1.05)}.vertical-header.show{opacity:1;transform:translateX(0)}.vertical-header.hide{opacity:0;transform:translateX(-100%)}.vertical-header nav{align-items:center;display:flex;flex-direction:column;padding-left:60px;padding-top:100px}.menu{list-style:none;padding:0}.menu li{margin:35px 0}.menu a{color:#f1f1f1;font-family:Fira Code,monospace;font-size:25px;font-weight:700;text-decoration:none;transition:color .3s ease-in-out,transform .3s ease-in-out}.menu a:hover{color:tomato;transform:scale(1.3)}.social-header-links{align-items:center;bottom:20px;display:flex;gap:45px;justify-content:center;margin:20px 0;position:absolute;width:100%;z-index:9999}.social-header-icon{color:#fff;font-size:45px;height:45px;text-decoration:none;transition:transform .3s ease,color .3s ease;width:45px}.social-header-icon:hover{color:tomato;transform:scale(1.1)}.menu-container{align-items:center;background-color:red;bottom:70px;display:flex;margin:0 auto;position:absolute;width:100%;z-index:99}.bottom-menu{background:#222;background-color:#00000096;bottom:0;color:#fff;font-size:22px;margin-bottom:20px;padding:10px 0;position:fixed;text-align:center;width:100%}.menu-item{font-family:Fira Code,monospace;padding:0 10px}.menu-item:hover{color:#1db954}.menu-icon{cursor:pointer;left:10%;position:fixed;width:60px}.menu-item{cursor:pointer;font-weight:700;margin:0 5px;transition:color .3s ease}.menu-item:hover{color:#007bff}.content{color:#0ff;height:400px;position:absolute;text-align:center;top:35%;width:100%}.content h1{color:#0ff;font-family:Fira Code,monospace;font-optical-sizing:auto;font-size:3rem;margin-bottom:20px}.content p{font-family:Karla,sans-serif;font-optical-sizing:auto;font-size:1.2rem;margin-bottom:20px}.home-container{height:100vh}.video-background{height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100%}.video-background video{height:100%;object-fit:cover;width:100%}.overlay{height:100%;width:100%}.background-container{background-position:50%;background-size:cover;height:100vh;position:relative}.home-main{margin-top:60px;padding:20px}.arrow-button{align-items:center;display:flex;justify-content:center;margin-top:20px}.scroll-down{background:#0000004d;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;font-size:2rem;padding:10px 15px;text-decoration:none;transition:transform .3s ease,background .3s ease}.scroll-down:hover{background:#00000080;transform:scale(1.1)}.social-links{align-items:center;display:flex;gap:45px;justify-content:center;margin:20px 0;z-index:9999}.social-icon{color:#fff;font-size:45px;height:45px;text-decoration:none;transition:transform .3s ease,color .3s ease;width:45px}.social-icon:hover{animation:jump 1.5s ease-in-out infinite;color:tomato}@media (max-width:768px){.content{top:20%;width:100%}.content h1{font-size:2.2rem}.video-background video{height:100vh;width:auto}}@keyframes jump{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.2) translateY(0)}25%{transform:scale(1.5) translateY(-10px)}50%{transform:scale(1.5) translateY(15px)}70%{transform:scale(1.5) translateY(-7px)}90%{transform:scale(1.5) translateY(5px)}to{transform:scale(1) translateY(0)}}@font-face{font-family:Venite;font-style:normal;font-weight:400;src:url(/static/media/VeniteAdoremus-rgRBA.eef5f3d91d3f6cbd1b22.ttf) format("truetype")}@font-face{font-family:Venite Straight;font-style:normal;font-weight:400;src:url(/static/media/VeniteAdoremusStraight-Yzo6v.2aeb496f572a02a3cf21.ttf) format("truetype")}@font-face{font-family:Trench Thin;font-style:normal;font-weight:400;src:url(/static/media/TrenchThin-16R0.f24bea9acb22fb80013b.otf) format("truetype")}@font-face{font-family:Trench Thin\ 2;font-style:normal;font-weight:400;src:url(/static/media/TrenchThin-aZ1J.194c4339607fb3f9e334.ttf) format("truetype")}@font-face{font-display:swap;font-family:Jaro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/jaro/v6/ea8WadQwV_r_bP7WEOiM.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Jaro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/jaro/v6/ea8WadQwV_r_bP_WEOiM.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Jaro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/jaro/v6/ea8WadQwV_r_bPHWEA.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Jaro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/jaro/v6/ea8WadQwV_r_bP7WEOiM.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Jaro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/jaro/v6/ea8WadQwV_r_bP_WEOiM.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Jaro;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/jaro/v6/ea8WadQwV_r_bPHWEA.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Karla;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/karla/v31/qkBIXvYC6trAT55ZBi1ueQVIjQTD-JqaHUlKd7c.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Karla;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/karla/v31/qkBIXvYC6trAT55ZBi1ueQVIjQTD-JqaE0lK.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Caveat;font-style:normal;font-weight:400 700;src:url(/static/media/Caveat-VariableFont_wght.31f0a02d84d42627c894.ttf) format("truetype");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.about{background-color:#f9f9f9;flex-direction:column;height:100vh;justify-content:center;padding:5vh 5vw}.about,.profile-container{align-items:center;display:flex;position:relative}.profile-container{gap:30px;margin:0 auto;max-width:900px}.profile-image{background-image:url(/static/media/perfil.b16c5573420494b0ce31.jpg);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;height:250px;overflow:hidden;width:250px}.profile-description{flex-grow:1}.profile-description h2{font-size:2rem;margin-bottom:15px}.profile-description p{font-size:1rem;line-height:1.6}@media (max-width:768px){.profile{flex-direction:column;text-align:center}.profile-image{margin-bottom:20px}}.profile-expirence{grid-gap:20px;display:grid;gap:20px;grid-template-columns:30% 70%;margin-top:50px;position:relative}.years-expirence{text-align:center;width:80%}.years-expirence h1{font-size:90px}.years-expirence span{color:#666;font-size:20px}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:50px}.grid-item{background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px;box-shadow:2px 2px 5px #0000001a;padding:20px;width:250px}.grid-item h3{color:#333;margin-bottom:10px}.grid-item p{color:#666}@media (max-width:768px){.about{display:block}.profile{position:relative;top:30px}.profile-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:2rem;justify-content:space-around;max-width:1200px;text-align:center;width:100%}.profile-expirence{grid-template-columns:1fr;margin-top:15px!important}.profile-description{max-width:90%}.years-expirence{width:100%}.grid-item{width:auto}.profile-grid{margin-bottom:50px}}@media (max-width:480px){.profile-container{gap:1rem}.profile-grid{grid-template-columns:1fr}}.skills{background-color:#cccbcb;height:100vh;padding:50px 20px}.skills-title{position:relative;text-align:center;width:100%}.skills-container{grid-gap:30px;display:grid;gap:30px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(2,1fr);left:15%;padding:10px;position:relative;width:70%}.skills-title h1{color:#333;font-size:2rem;margin-bottom:20px}.skill-name{display:block;font-weight:700;margin-bottom:5px;text-align:left}.progress-bar-container{background:#e0e0e0;border-radius:8px;height:20px;overflow:hidden;position:relative;width:100%}.progress-bar{background:linear-gradient(90deg,#4caf50,#81c784);height:100%;transition:width .3s ease-in-out}.percentage{color:#666;display:block;font-size:.9rem;margin-top:5px;text-align:right}.experience{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;padding:50px 20px}.container{text-align:center;width:90%}.table-container{align-items:center;display:flex;flex-direction:column;margin:20px;overflow-x:auto;width:100%}.experience-table{animation:fadeIn 1s ease-in-out;border-collapse:collapse;box-shadow:0 0 10px #0000001a;margin-bottom:20px;max-width:1100px;min-width:600px;width:100%}.experience-table th h1{color:#fff;font-family:Karla,sans-serif;font-optical-sizing:auto;font-size:50px}.experience-table td{border-bottom:1px solid #ddd;color:#fff;font-size:17px;font-weight:600;padding:30px 20px;text-align:start;vertical-align:top}.colorGray{color:#8b8b8b!important}.experience-table th{background-color:initial;color:#fff}.table-row:hover{background-color:#3b3a3a9c;transition:background-color .3s}.pagination{gap:10px;margin-top:10px}.pagination button{background-color:#007bff;border-radius:4px;padding:8px 16px;transition:background-color .3s}.pagination button:hover{background-color:#0056b3}.pagination button:disabled{background-color:#ccc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:868px){.experience{display:block;height:auto}.experience-table{display:block;min-width:100%}.experience-table tbody tr{background-color:#2a2a2a;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;margin-bottom:10px}.experience-table tbody tr td{border-bottom:none;display:flex;justify-content:flex-start;padding:15px}.experience-table tbody tr td:before{color:#ccc;content:attr(data-label);font-weight:700;margin-right:10px}}.projects-wrapper{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:2rem 0}.projects-container{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:100px;width:80%}.project-card{align-items:center;background-color:#111;border-radius:10px;display:flex;flex-direction:column;text-align:center;transition:transform .3s}.project-card:hover{transform:scale(1.05)}.project-image{border-radius:8px;max-height:200px}.project-title{font-size:1.2rem;margin:.5rem 0 0}.project-description{font-size:.95rem;line-height:1.4;margin-top:.3rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tech-item{animation:fadeIn 1s ease-in-out;background-color:#222;border-radius:5px;font-size:.85rem}.project-link{color:#1e90ff;margin-top:.5rem;text-decoration:none}.project-link:hover{text-decoration:underline}.project-detail{align-items:center;background:#0009!important;display:flex;justify-content:center;position:fixed;z-index:1000}.overlay,.project-detail{bottom:0;left:0;right:0;top:0}.overlay{background:#0009;cursor:pointer;position:absolute}.project-detail-content{background:#3a3838;border-radius:10px;box-shadow:0 4px 12px #0000001a;max-height:90%;max-width:800px;overflow-y:auto;padding:20px;position:relative;z-index:1}.project-detail h2{font-size:2rem;margin-bottom:10px}.project-detail .project-image-large{border-radius:8px;max-height:400px;object-fit:cover;width:100%}.project-detail p{font-size:1.1rem;margin:10px 0}.project-detail .back-button{background-color:initial!important;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;position:absolute;right:10px;top:10px}.project-detail .back-button:hover{background:#ddd}.project-detail a{color:#007bff;display:block;font-size:1.1rem;margin-top:20px;text-decoration:none}.project-detail a:hover{text-decoration:underline}.projects-container{grid-gap:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);border-radius:16px;box-shadow:0 10px 40px #0006;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0;padding:2rem;transition:all .5s ease-in-out}.project-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;overflow:hidden;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 6px 30px #00000080;transform:translateY(-6px)}.project-image{border-radius:12px;height:180px;object-fit:cover;width:100%}.project-info{margin-top:1rem}.tech-stack{margin-top:.5rem}.tech-item{background:#1e88e5;border-radius:999px;color:#fff;font-size:.8rem;padding:.3rem .6rem}.pagination{align-items:center;display:flex;gap:1rem;margin-top:2rem}.pagination button{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem}.pagination button:disabled{background-color:#222;cursor:not-allowed}.pagination span{font-size:1rem}@media (max-width:900px){.projects-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.projects-container{grid-template-columns:1fr}}.contact{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;padding:50px 20px}.title-container{color:#fff;height:auto;margin-bottom:1rem;position:relative;text-align:center;width:100%}.form-container{opacity:0;position:relative;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:60%}.form-container.visible{opacity:1;transform:translateY(0)}.contact-form{background:#0000;border-radius:8px;box-shadow:0 4px 10px #0003;margin:0 auto;max-width:400px;padding:2rem;width:100%}.contact-form h2{color:#333;margin-bottom:1rem;text-align:center}.form-group{margin-bottom:1.5rem;position:relative}.form-group input,.form-group textarea{background:#0000;border:2px solid #ddd;border-radius:5px;font-size:1rem;outline:none;padding:20px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#007bff}.form-group label{color:#aaa;font-size:.9rem;left:10px;pointer-events:none;position:absolute;top:10px;transition:all .3s ease}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{color:#007bff;font-size:.75rem;left:5px;top:-10px}.submit-button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background .3s ease}.submit-button:hover{background:#0056b3}@media (max-width:768px){.contact{display:block;margin:0 auto}.form-container{left:10%;top:8%}}.home-footer{background-color:#f1f1f1;padding:20px;text-align:center}body,html{height:100%;margin:0;padding:0}body{background-color:#675b33}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#675b33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#675b33}.d-flex{display:flex}.align-center{text-align:center}.justify-content-center{justify-content: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:#f9f9f9;color:#333;font-family:Arial,sans-serif;margin:0}.App{text-align:center}.btn-primary{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.btn-primary:hover{background-color:#0056b3}.mouse-follower{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.circle{background:#007bff80;border-radius:50%;height:10px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:transform .1s ease-out;width:10px;will-change:transform}.floating-button{background-color:#0d6efd;border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-weight:700;padding:10px 15px;position:fixed;right:20px;text-decoration:none;top:20px;transition:all .3s ease;z-index:999}.floating-button:hover{background-color:#0b5ed7;transform:scale(1.05)}.floating-name{color:#0ff;font-family:Caveat,cursive;font-optical-sizing:auto;font-size:35px;left:20px;position:fixed;text-decoration:none;top:20px;z-index:999}@media (max-width:500px){.floating-button{font-size:15px}.floating-name{font-size:22px}}
/*# sourceMappingURL=main.3f542857.css.map*/