@import"https://fonts.googleapis.com/css2?family=Righteous&family=Roboto:wght@100;400;500;700&display=swap";:root{--primary: radial-gradient(ellipse at bottom, #090c1b 0%, #012861 100%);--secondary: radial-gradient(ellipse at bottom, #0c51b9 0%, #090c1b 100%);--border: rgba(5, 5, 53, .4);--navbar: radial-gradient(ellipse at bottom, #020914 0%, #090c1b 100%);--title: rgb(228, 228, 228);--subtitle: rgb(197, 197, 204);--bgHeader: rgb(39, 39, 42);--blue: rgb(93, 188, 252);--icon-hover: #d4d4d8;--paddingDivider: 2rem}.light{--primary: radial-gradient(ellipse at top, #fafafa 0%, #d2d3db 100%);--secondary: radial-gradient(ellipse at top, #d2d3db 0%, #e4e5f1 100%);--border: rgba(210, 211, 219, .4);--navbar: radial-gradient(ellipse at top, #e4e5f1 0%, #fafafa 100%);--title: rgb(20, 20, 20);--subtitle: rgb(58, 58, 63);--bgHeader: rgb(216, 216, 219);--blue: rgb(74, 74, 112);--icon-hover: #1f1f23;--paddingDivider: 2rem;--button-color: rgb(0, 255, 255)}html{background-color:var(--bgHeader);font-family:Righteous,cursive;background-color:var(--primary);font-family:Roboto,sans-serif}*{padding:0;margin:0;box-sizing:border-box}body{background:var(--primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{border:2px solid var(--navbar);box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:20px}::-webkit-scrollbar-thumb{background-color:#001a44;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#002c74}html{scroll-behavior:smooth}.container{background:var(--secondary);color:#fff;width:90%;margin-left:auto;margin-right:auto;padding:0 var(--paddingDivider);border:1px solid var(--border)}.divider{margin:3rem 0;width:calc(100% + var(--paddingDivider) + var(--paddingDivider));margin-left:calc(var(--paddingDivider) * -1);border:1px solid var(--border)}li{list-style:none}a{text-decoration:none;color:initial}button{all:unset}.icon-fixed{transition:.3s;background-color:#80808080;width:30px;height:30px;border-radius:50%;border:1px solid #fff;position:fixed;color:#fff;bottom:3%;text-align:center;right:2rem;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.icon-fixed:hover{background-color:gray}.flex{display:flex}.spinner{background:radial-gradient(ellipse at bottom,#0c51b9 0%,#090c1b 100%);width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner h1{margin:50px;color:#fff}.spinner .PacmanLoader{color:#1e1e69}.imgSkills div img{width:80px}@media (max-width: 600px){.container{width:95%}.icon-fixed{opacity:.5}.divider{--paddingDivider: 1.7rem;width:calc(100% + var(--paddingDivider) + var(--paddingDivider));margin-left:calc(var(--paddingDivider) * -1)}}@media (max-width: 1000px){.container{--paddingDivider: 1.7rem;width:98%;padding:0 var(--paddingDivider)}.divider{--paddingDivider: 1.7rem;width:calc(100% + var(--paddingDivider) + var(--paddingDivider));margin-left:calc(var(--paddingDivider) * -1)}}section h1.title{display:flex;align-items:center;font-size:2rem}.icon-contact{margin-right:1rem;color:var(--title);font-size:2.5rem}section p.subtitle{margin-bottom:1rem;color:var(--subtitle);line-height:1.65rem}form{margin-top:7rem}label{color:var(--subtitle)}.light section #email{color:#000;background-color:#1f1f1f65}.light section #message{color:#000;background-color:#1f1f1f57}section #email,#message{all:unset;background-color:#7c7c8126;border:1px solid var(--title);width:22rem;padding:.5rem;margin-left:1rem;margin-top:1rem;transition:.3s;font-size:1.1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}#email:focus,#message:focus,#email:hover,#message:hover{border:1px solid var(--title)}.textarea{display:flex;align-items:center}#message{min-height:6rem;resize:vertical}.submit{all:unset;border:1px solid rgba(65,67,78,.37);background-color:#24252e;width:8rem;padding:.5rem 0;text-align:center;font-style:1.05rem;text-transform:capitalize;opacity:.7;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;cursor:pointer;-o-transition:.3s;margin-top:1rem}.submit:hover{opacity:1;border:1px solid rgb(65,67,78)}@media (max-width :800px){.animation{display:none}form{display:flex;flex-direction:column;width:85%;margin-left:auto;margin-right:auto}form .flex{flex-direction:column;align-items:start}label{margin-bottom:1rem;text-align:center}section #email,#message{width:100%;margin-left:-0rem;padding:1rem .5rem}section #email{margin-left:-0rem;padding:1rem .5rem}.submit{width:40%;align-self:center}}nav{background-color:var(--navbar);padding:.77rem 1.6rem;border-radius:55px;-webkit-border-radius:55px;-moz-border-radius:55px;-ms-border-radius:55px;-o-border-radius:55px;box-shadow:1px 1px 40px #14a5e9}header.flex{justify-content:space-between;padding:0 2.4rem;margin-top:1rem}@media (max-width:500px){header.flex{padding:0 .4rem}}header ul{gap:16px}header ul li a{color:var(--title);opacity:.9;transition:.2s;font-style:.88rem;font-weight:500;text-align:center;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s}header ul li a:hover{opacity:1;color:var(--blue);font-style:.9rem}header button{font-style:1.2rem}button svg{margin:auto}.FiMenu{display:flex;align-items:center}button,.mode{background:var(--border);color:var(--subtitle);width:2.4rem;height:2.4rem;text-align:center;display:flex;align-items:center;justify-content:center;border:1px solid #1971838c;font-size:1.2rem;border-radius:50%;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:.7s;-webkit-transition:.7s;-moz-transition:.7s;-ms-transition:.7s;-o-transition:.7s}.menu:hover,.mode:hover{scale:1.1;border:1px solid #197183}.menu{display:none}header .fixed{width:80%;margin-right:auto;margin-left:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background-color:#282830e8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close{all:unset;color:var(--subtitle);transition:.3s;border:none;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.close:hover{font-style:1.7rem;color:#dc143c;scale:1.1}.light .mode{box-shadow:1px 1px 40px #c2c2c2}.light .mode .sunFill{color:#f28c38}.dark .mode,.dark .menu{background-color:#444;box-shadow:1px 1px 40px #3a3a3a}.moonFill{color:#f5f3ce}@keyframes animation{0%{scale:0}60%{scale:1.3}to{scale:1}}header .fixed .modal li:first-child{text-align:right;border:none;padding-bottom:0;padding-top:.2rem;margin-bottom:-1rem}header .fixed .modal{animation:animation .9s 1;width:80%;margin-inline:auto;margin-top:2rem;border-radius:1rem;padding:1rem 2rem;background-color:var(--secondary);-webkit-animation:animation .9s 1}header .fixed .modal li{border-bottom:1px solid var(--border);padding-bottom:.8rem;padding-top:.5rem}header .fixed .modal li:last-child{border:none}header .fixed .modal li a{font-size:1rem}@media (max-width: 767px){nav{display:none}header{display:flex;align-items:center}.menu{background-color:#dadadacb;border:1px solid var(--blue);width:40px;border-radius:50%;height:40px;display:block;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.light .menu .FiMenu{color:#000}.find{display:none}}.sectionHero{margin-top:6rem;display:flex;align-items:center;justify-content:space-between}.left-section{flex-grow:1}.parent-avatar{align-items:end;gap:.1rem}.name strong{font-size:1.1rem}.name h1{color:var(--title);margin-bottom:1rem;font-size:1.4rem}@media (max-width:500px){.name h1{width:210px}}.name span{color:var(--subtitle)}.parent-avatar .verified{margin-bottom:1rem;color:var(--blue);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.parent-avatar .verified:hover{rotate:360deg}.animation-1{width:550px}@media (max-width: 600px){.animation-1{width:100%}}@media (max-width: 500px){.animation-1{margin-left:4rem}}.Link-cv a{color:var(--title);font-size:1.2rem;font-weight:700}.Link-cv{background-color:var(--subtitle);border:1px solid var(--subtitle);width:8rem;padding:.25rem;text-align:center;font-style:1.105rem;text-transform:capitalize;opacity:.5;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;cursor:pointer;-o-transition:.3s}section .left-section .btnCv .Link-cv:hover{opacity:1;color:var(--title);transform:translate(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px)}section .left-section .btnCv{margin-top:30px}.avatar{border:1px solid #333;box-shadow:1px 1px 20px gray inset;padding:1px;margin-right:.3rem;width:110px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.icons{margin-top:1rem;display:flex;flex-direction:row;gap:2rem}.title{margin-top:15px;margin-bottom:15px;font-size:2.5rem;line-height:3rem;color:var(--title)}.subtitle{color:var(--subtitle);font-size:.9rem;line-height:1.65rem;margin-bottom:32px}.icon{color:var(--subtitle);font-size:32px;cursor:pointer;transition:.3s;gap:10px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.icon:hover{transition:.3s;scale:1.1;color:var(--icon-hover)}@media (max-width: 380px){.left-section{padding-left:1.5rem}.imgAnimation{display:none}}@media (max-width: 800px){.hero{width:95%;display:flex;flex-direction:column;align-items:center}}.mainProject{display:flex;gap:2.5rem;align-items:start}.l-section{display:flex;gap:10px;flex-direction:column}.l-section button{all:unset;background-color:#24252e;width:11rem;padding:.75rem 0;text-align:center;font-style:1.05rem;text-transform:capitalize;opacity:.5;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;cursor:pointer;-o-transition:.3s}.l-section button:hover{opacity:1}button.active{opacity:1;letter-spacing:.6px;border:1px solid var(--blue)}.r-section{display:flex;gap:20px;overflow-x:scroll}@media (max-width:500px){.r-section{display:flex;gap:20px;width:100%;overflow-x:scroll}}.icon-card{justify-content:space-between;align-items:center}.icon-card a{color:var(--blue)}.icon-card svg{color:var(--subtitle);font-size:1.5rem;animation:trans 2s infinite}@keyframes trans{0%{transform:translate(0)}50%{transform:translate(15PX)}to{transform:translate(0)}}.box{gap:15px;width:270px;overflow:hidden;padding:.2rem .4rem}article img{width:270px;height:160px;padding:3px;background-size:cover;border-radius:6px!important;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.card{position:relative;margin-bottom:15px;box-shadow:-1px 1px 1px #fffefe29;width:270px;border:1px solid rgba(93,188,252,.3);-webkit-user-select:none;user-select:none;border-radius:5px;transition:.6s;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-image:linear-gradient(rgba(128,128,128,.4),rgba(128,128,128,.4))}.card:hover{cursor:pointer;background:var(--navbar)}.title-card{text-transform:capitalize;font-size:1rem;margin-bottom:-1.4rem;font-weight:500;line-height:1.5;letter-spacing:.3px;color:var(--title)}.card .box .subtitle{font-size:.8rem;margin-top:1.5rem;margin-bottom:.3rem;width:270px;height:50px;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px}.link{margin-top:15px;width:100%;display:flex;align-items:center;justify-content:center}.link a{align-items:center;justify-content:center;padding:10px 15PX;background:var(--border);border-radius:10px;display:flex;justify-content:end;align-self:end;color:var(--icon-hover);margin-right:12px}.link a:hover{background:var(--title);color:var(--border)}.light button.active,.light .card:hover{border:1px solid #757474}@media (max-width:600px){.mainProject{flex-direction:column;justify-content:center;align-items:center}.l-section{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.l-section button{width:9.5rem;padding:.8rem 0;font-size:.9rem}}@media (max-width:380px){.l-section button{width:8.5rem;padding:.8rem 0;font-size:.9rem}}.footer{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:space-between}footer div p{color:var(--title);font-size:1.3rem;margin-bottom:1rem}footer div p a{margin-top:2rem;color:var(--title)}.icons-footer{display:flex;gap:3.5rem}.skillsContainer{margin-top:2rem}.skill--box{width:100px;height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin-left:1rem}.skill-image{width:100%;height:80px;background-repeat:no-repeat;background-size:contain;margin:5px}.skills>h1{font-size:3.05rem;margin-bottom:50px;padding:5px;color:var(--subtitle)}.skills div img{width:80px;margin-right:5rem;margin-bottom:2rem}@media (max-width : 600px){.skills div img{width:55px}.skills>h1{font-size:2.05rem}}#about h2{font-size:2rem;color:var(--title);margin-bottom:30px}.dark span b,.light span b{color:var(--title)}.title{width:100%}.title>div>span{display:block}.element-about{border-top:3px solid #20c997;width:80px}#about{display:flex;align-items:center;justify-content:space-between}#about p{width:84%;margin-top:20px;font-size:1rem}@media (max-width: 700px){#about{flex-direction:column}#about p{width:100%}#about .imgAbout img{width:95%}}