@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap";:root{--font-family:"Bebas Neue", sans-serif;--orange:#f7921e;--text:#6a778e;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--border-radius:10px;--spacer:1rem;--primary:#55555580;--link-height:calc(var(--spacer) * 3.5);--timing:.25s;--transition:var(--timing) ease all}body{font-family:var(--font-family);background:#eaeef6;height:100dvh;margin:0;font-family:Open Sans,sans-serif}a{all:unset;cursor:pointer}h1,h2{margin:0}.theme-wrapper{background-position:50%;background-size:cover;width:100%;min-height:100vh;transition:background .4s,color .4s}.theme-wrapper.dark{--text-color:white;color:var(--text-color);background-image:url(/assets/ForestBG-D03rM8ty.png)}.theme-wrapper.light{--text-color:black;color:var(--text-color);background-image:url(/assets/ForestBGnight-B4EfKye1.png)}.about-container{flex-direction:column;gap:0;width:500px;margin-top:2rem;display:flex}.about-text{margin-top:2rem}.about-text span,.about-text{opacity:0;animation:.9s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-container{flex-direction:column;gap:0;width:500px;display:flex}.home-title{font-size:60px;line-height:15px}.home-subtitle{color:var(--orange);padding:1rem;font-size:60px;line-height:20px}.home-welcome{letter-spacing:1px;margin:1rem;font-size:20px;position:relative}.home-welcome:after{content:"";background:linear-gradient(90deg, var(--orange), transparent);border-radius:2px;width:60%;height:3px;position:absolute;bottom:-4px;left:0}.home-text{margin-top:3rem;display:flex}.home-container span,.home-text{opacity:0;animation:.9s forwards fadeInUp}.home-btn{all:unset;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #fff6;border-radius:25px;justify-content:center;width:180px;margin-left:3rem;padding:10px 16px;transition:all .3s;display:flex}.home-btn:hover{border-color:var(--orange);box-shadow:0 0 12px var(--orange);transform:translate(.5px,.5px)}.project-card{cursor:pointer;border-radius:5px;transition:transform .25s;position:relative;overflow:hidden;transform:translateZ(0)}.project-card:hover{transform:scale(1.03)}.project-img{object-fit:cover;width:150px;height:150px;transition:opacity .3s;display:block}.project-card:hover .project-img{opacity:.4}.project-overlay{opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;flex-direction:row;justify-content:center;align-items:center;width:150px;height:40px;transition:opacity .3s;display:flex;position:absolute;inset:75% 0 0}.project-card:hover .project-overlay{opacity:1}.project-title{color:var(--orange);letter-spacing:1px;margin-bottom:.5rem;font-size:14px}.project-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;width:310px;display:grid}@media (width>=1200px){.logos{width:50px;height:50px}.skillbars{gap:2rem;margin-left:16rem;display:flex}.skills-row{gap:3rem;margin-left:20rem;display:flex}.skills-row-2 i{font-size:30px}.progress-wrapper{align-items:center;gap:8px;display:flex}.percent{color:#f7921e;opacity:0;font-size:12px;font-weight:700;transition:opacity .5s}.skill.start .percent{opacity:1}}.input-wrapper{width:185px;position:relative}.card-login{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #5e5e5ee6;border-radius:10px;flex-direction:column;justify-content:space-evenly;align-items:center;width:180px;height:210px;padding:1rem;display:flex}.input-login-email{all:unset;box-sizing:border-box;text-align:start;-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid #5e5e5ee6;border-radius:50px;justify-content:center;width:185px;padding:5px 0 0 40px;font-size:14px;display:flex;position:relative}.input-login-password{all:unset;box-sizing:border-box;text-align:start;-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid #636262e6;border-radius:50px;justify-content:center;width:185px;padding:5px 10px;font-size:14px;display:flex;position:relative}.btn-login{all:unset;text-align:center;color:#000;cursor:pointer;background-color:#fff;border:1px solid #5e5e5ee6;border-radius:50px;justify-content:center;width:175px;padding:4px;display:flex}.icon-login{color:#000;background-color:#fff;border-radius:50px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:-20%;left:0%}.icon-password{color:#000;background-color:#fff;border-radius:50px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:-10%;right:0%}.icon-password svg,.icon-login svg{width:20px;height:20px}.contact{flex-direction:column;gap:1rem;display:flex}.contac-info{align-items:center;gap:10px;display:flex}.contact-linkedin,.contact-phone,.contact-email,.contact-address{align-items:center;gap:20px;display:flex}.contact i{color:#fff;font-size:20px}@media (width>=768px){.contact{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:10rem;display:grid}.contact-linkedin{grid-row:1;align-items:center;gap:20px;display:flex}.contact-phone{grid-area:2/1;align-items:center;gap:20px;display:flex}.contact-email{grid-area:1/2/auto/4;align-items:center;gap:20px;display:flex}.contact-address{grid-area:2/2/auto/5;align-items:center;gap:20px;display:flex}.contact i{color:var(--orange);font-size:20px}}.theme-switch{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#ffffff26;border-radius:40px;align-items:center;width:43px;height:16px;padding:4px;transition:background .3s;display:flex;position:absolute;top:15px;right:20px}.theme-switch .thumb{background:0 0;border-radius:50%;width:16px;height:16px;transition:transform .3s,background .3s}.theme-switch .thumb.dark{background:0 0;transform:translate(24px)}.theme-switch .thumb.light{background:0 0;transform:translate(0)}.thumb i{pointer-events:none;font-size:20px}.thumb .moon{color:#000}.thumb .sun{color:#ff0}.container-hero{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(10,1fr);width:650px;height:650px;display:grid;position:absolute}.box-1-code{z-index:1000;border-radius:5px;grid-area:2/5/10/11;width:170px;height:250px;margin-top:0;overflow:hidden;box-shadow:20px 20px 20px #00000080}.box-1-code img{opacity:.8;width:300px}.box-2-footer{color:#5e5e5e;-webkit-backdrop-filter:blur(3px);background:#ffffff1a;border-radius:5px;grid-area:9/1/auto/10;width:510px;height:120px;margin-top:25px}.fade-bottom{-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%);-webkit-mask-image:linear-gradient(#000 93%,#0000)}.box-4-profile{color:#5e5e5e;-webkit-backdrop-filter:blur(3px);background:#ffffff1a;border-radius:12% 88% 18% 82%/18% 15% 85% 82%;grid-area:2/7/9;width:290px;height:410px;margin-top:2rem}.profile{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex}.profile-img{width:340px;height:400px}.profile-title{margin-bottom:0;font-size:16px}.profile-subtitle{border-bottom:1px solid #5e5e5e;margin-top:0}.profile-text{text-align:start;letter-spacing:1px;flex-direction:column;justify-content:center;font-size:10px;display:flex}.skill{width:200px;margin-bottom:1rem}.skill span{color:var(--orange);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.progress{background:linear-gradient(#111,#222);border-radius:10px;width:100%;height:8px;position:relative;overflow:hidden}.progress:after{content:"";background:linear-gradient(90deg,#ffa149,#fa9a2c 40%,#ff8c00 80%);border-radius:10px;width:0%;height:100%;animation:1.5s .5s forwards fillBar;position:absolute;top:0;left:0;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #0006,0 0 8px #f7921e99}@keyframes fillBar{0%{width:0%}to{width:var(--value)}}.container{justify-content:center;align-items:center;height:100%;display:flex}.title{grid-area:1/1/auto/4;display:flex}.lastname{color:var(--orange)}.card{color:#fff;-webkit-backdrop-filter:blur(3px);background:#0006;border-radius:15px;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(3,1fr);width:320px;height:600px;margin:4rem 1rem;padding:1rem;transition:transform .7s,opacity .5s;display:grid;position:relative;overflow:hidden}.navbar-mobile{color:#fff;border-radius:40px;grid-area:1/1;align-items:center;width:65px;height:45px;margin-top:2.2rem;display:flex}.mobile-menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:25px;flex-direction:row;grid-area:1/1;gap:1rem;width:190px;margin-top:2.2rem;padding:7px;display:none;position:absolute;top:0;left:70px}.mobile-menu.open{display:flex}.mobile-menu a{color:#fff;font-size:1.5rem}.mobile-overlay{opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.hamburger{color:#fff;cursor:pointer;margin-left:1rem;font-size:2rem}.slide-in{opacity:1;transform:translate(0)}.slide-out{opacity:0;transform:translate(-1000px)}.hero-box{color:#fff;border-radius:15px;grid-area:4/1/7/2;width:320px;height:270px;padding:.5rem;transition:transform .7s,opacity .5s;position:relative;overflow:hidden}.hero-box-home{color:#fff;border-radius:15px;grid-area:2/1/6/3;width:480px;height:330px;padding:1rem;transition:transform .7s,opacity .5s;position:relative;overflow:hidden}.hero,.navbar-desktop{display:none}@media (width>=768px){.social-logos{grid-area:7/11/auto/13;justify-content:center;gap:1rem;width:0;display:flex}.social-logos img{filter:grayscale();opacity:.7;cursor:pointer;width:30px;height:30px;transition:all .3s}.social-logos img:hover{filter:grayscale(0%);opacity:1;transform:scale(1.15)}.card{color:#fff;-webkit-backdrop-filter:blur(3px);background:#0006;border-radius:15px;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(12,1fr);width:700px;height:750px;margin:4rem 1rem;padding:1rem;transition:transform .7s,opacity .5s;display:grid;position:relative;overflow:hidden}.hero-box{color:#fff;border-radius:15px;grid-area:5/1/7/7;width:510px;height:250px;padding:.5rem;transition:transform .7s,opacity .5s;position:relative;left:50px;overflow:hidden}.navbar-mobile{display:none}.navbar__menu{margin:0;padding:0;list-style:none;position:relative}.navbar-desktop{-webkit-backdrop-filter:blur(3px);padding:var(--spacer) 0;background:#ffffff1a;border-radius:25px;grid-area:3/4;width:50px;height:390px;display:block;position:absolute;top:0;left:0;box-shadow:0 0 40px #00000008}.navbar__link{height:var(--link-height);width:50px;color:var(--text);transition:var(--transition);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.navbar__link svg{stroke-width:2px;width:20px;height:20px}.navbar__link span{transform:translate(calc(-1 * var(--spacer) * 3));opacity:0;pointer-events:none;color:#fff;-webkit-backdrop-filter:blur(3px);transition:var(--transition);border-radius:calc(var(--border-radius) * 1.75);white-space:nowrap;background:#ffffff4d;margin-left:1rem;padding:2px 7px;font-size:14px;position:absolute;left:15px}.navbar__link:hover{color:var(--orange)}.navbar__link:hover span,.navbar:not(:hover) .navbar__link:focus span{opacity:1;transform:translate(0)}.navbar__item:last-child:before{content:"";opacity:0;z-index:-1;background:var(--primary);border-radius:calc(var(--border-radius) * 1.75);width:34px;height:55px;transition:var(--timing) cubic-bezier(1, .2, .1, 1.2) all;position:absolute;top:0;left:8px}@keyframes gooeyEffect-1{0%{transform:scale(1)}50%{transform:scale(.5,1.5)}to{transform:scale(1)}}@keyframes gooeyEffect-2{0%{transform:scale(1)}50%{transform:scale(.5,1.5)}to{transform:scale(1)}}@keyframes gooeyEffect-3{0%{transform:scale(1)}50%{transform:scale(.5,1.5)}to{transform:scale(1)}}@keyframes gooeyEffect-4{0%{transform:scale(1)}50%{transform:scale(.5,1.5)}to{transform:scale(1)}}@keyframes gooeyEffect-5{0%{transform:scale(1)}50%{transform:scale(.5,1.5)}to{transform:scale(1)}}@keyframes gooeyEffect-6{0%{transform:scale(1)}50%{transform:scale(.5,1.5)}to{transform:scale(1)}}@keyframes gooeyEffect-7{0%{transform:scale(1)}50%{transform:scale(.5,1.5)}to{transform:scale(1)}}.navbar__item:first-child:hover~.navbar__item:last-child:before{opacity:1;animation:gooeyEffect-1 var(--timing) 1;top:0%}.navbar__item:nth-child(2):hover~.navbar__item:last-child:before{opacity:1;animation:gooeyEffect-2 var(--timing) 1;top:14.2857%}.navbar__item:nth-child(3):hover~.navbar__item:last-child:before{opacity:1;animation:gooeyEffect-3 var(--timing) 1;top:28.5714%}.navbar__item:nth-child(4):hover~.navbar__item:last-child:before{opacity:1;animation:gooeyEffect-4 var(--timing) 1;top:42.8571%}.navbar__item:nth-child(5):hover~.navbar__item:last-child:before{opacity:1;animation:gooeyEffect-5 var(--timing) 1;top:57.1429%}.navbar__item:nth-child(6):hover~.navbar__item:last-child:before{opacity:1;animation:gooeyEffect-6 var(--timing) 1;top:71.4286%}.navbar__item:nth-child(7):hover:last-child:before{opacity:1;animation:gooeyEffect-7 var(--timing) 1;top:85.7143%}}@media (width>=1200px){.navbar-desktop{-webkit-backdrop-filter:blur(3px);padding:var(--spacer) 0;background:#ffffff1a;border-radius:25px;grid-area:3/12;width:50px;height:390px;position:absolute;top:0;left:0;box-shadow:0 0 40px #00000008}.hero{grid-area:1/4;display:block}.navbar{display:block}.hamburger{display:none}.card{width:1200px;height:850px}.hero-box{color:#fff;border-radius:15px;grid-area:4/1/7/10;width:700px;height:250px;margin-top:8rem;transition:transform .7s,opacity .5s;position:relative;left:50px;overflow:hidden}.hero-box-home{color:#fff;border-radius:15px;grid-area:2/1/6/7;width:480px;height:330px;padding:1rem;transition:transform .7s,opacity .5s;position:relative;left:50px;overflow:hidden}}