@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Rubik,sans-serif}:root{--text-color: #fff;--color: #00ff00;--bg-color: #2d2d2e;--bg-color-rgb: 45, 45, 46;--first: #fff;--second: #000;--mob-color: #363636;--box-bg: #333;--card-bg: #333;--clr-bg: #3e3e3e;--place-clr: #afafaf;--text-muted: #aaa;--skill-prog-color: #2187e7;--skill-tool-color: #9ACD32;--skill-tech-color: #FF4500}body.light-mode{--text-color: #222;--color: #00aa00;--bg-color: #f2f2f2;--bg-color-rgb: 242, 242, 242;--first: #222;--second: #fff;--mob-color: #eae6e6;--box-bg: #e5e5e5;--card-bg: #fff;--clr-bg: #e5e5e5;--place-clr: #6b6b6b;--text-muted: #666}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--bg-color);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#060}body{background:var(--bg-color);display:flex;flex-direction:column;min-height:100vh}body section{min-height:100vh;padding:16rem 9% 2rem;padding-left:calc(9% + 60px)}.container{max-width:1250px;width:100%;margin:0 auto}header{position:fixed;top:0;left:0;height:90px;width:100%;padding:0 6%;z-index:99;display:flex;align-items:center;justify-content:center;background:transparent;transition:all .5s ease}header .container{max-width:1350px}header .header-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:rgba(var(--bg-color-rgb),.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .5s ease}header.side-mode{background:transparent;box-shadow:0 5px 15px #0000001a;height:60px}header.side-mode nav{align-items:center}header.side-mode .logo{display:block}header.side-mode nav .logo a{font-size:24px}header.side-mode .list-darkmode-menu .mode{display:grid}@media screen and (min-width:993px){header.side-mode.home-header .hamburger{display:none}}header.side-mode .list-darkmode-menu{flex-direction:row;align-items:center;gap:2.5rem}header .list-darkmode-menu ul li{transition:all .5s ease;max-width:200px;opacity:1;overflow:hidden}header.side-mode.home-header .list-darkmode-menu ul li:nth-child(n+5){max-width:0;opacity:0;margin:0;padding:0;pointer-events:none}.side-menu{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:100;pointer-events:none}.side-menu ul{list-style:none;display:flex;flex-direction:column;gap:15px;align-items:flex-end}.side-menu ul li{opacity:0;transform:translate(50px);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}header.side-mode .side-menu{pointer-events:auto}header.side-mode .side-menu ul li{opacity:1;transform:translate(0)}header.side-mode .side-menu ul li:nth-child(1){transition-delay:.1s}header.side-mode .side-menu ul li:nth-child(2){transition-delay:.2s}header.side-mode .side-menu ul li:nth-child(3){transition-delay:.3s}header.side-mode .side-menu ul li:nth-child(4){transition-delay:.4s}header.side-mode .side-menu ul li:nth-child(5){transition-delay:.5s}header.side-mode .side-menu ul li:nth-child(6){transition-delay:.6s}.side-menu ul li a{display:flex;align-items:center;justify-content:flex-end;width:60px;height:25px;position:relative;color:transparent;font-size:0;text-decoration:none}.side-menu ul li a:before{content:"";display:block;width:30px;height:6px;background-color:var(--color);border-radius:10px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.side-menu ul li a:hover:before,.side-menu ul li a.active:before{width:45px;height:14px;border-radius:20px;background-color:var(--skill-tech-color)}.side-menu ul li a.active:before{background-color:var(--skill-prog-color)}.side-menu ul li a:after{content:attr(data-text);position:absolute;right:60px;top:50%;transform:translateY(-50%) translate(20px);background:var(--bg-color);color:var(--first);padding:5px 12px;border-radius:5px;font-size:16px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;border:1px solid var(--color);box-shadow:0 0 10px #00000080}.side-menu ul li a:hover:after{visibility:visible;opacity:1;transform:translateY(-50%) translate(0);transition:opacity .3s ease,transform .3s ease,visibility 0s linear 0s}.side-menu ul li a[data-text=Home]:before{content:"";width:24px;height:24px;background-color:var(--color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;font-family:inherit;font-weight:400;display:block;border-radius:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease}.side-menu ul li a[data-text=Home]:hover:before,.side-menu ul li a[data-text=Home].active:before{background-color:var(--skill-tech-color);transform:translateY(-50%) scale(1.2);width:24px;height:24px;border-radius:0}.side-menu ul li a[data-text=Home].active:before{background-color:var(--skill-prog-color)}header nav{display:flex;align-items:center;justify-content:space-between}header nav .logo{z-index:1}a{text-decoration:none;color:var(--color);transition:.3s}a:hover{opacity:.8}header nav .logo a{text-decoration:none;font-size:32px;font-weight:600;color:var(--first);transition:all .5s ease}header nav .logo a span{color:var(--color)}header nav .list-darkmode-menu{display:flex;align-items:center;gap:2.5rem}header nav .list-darkmode-menu ul{display:flex;align-items:center;justify-content:center;gap:0;font-size:18px;list-style:none;z-index:1}header nav .list-darkmode-menu ul li{margin-left:35px}header nav .list-darkmode-menu ul li:first-child{margin-left:0}header nav .list-darkmode-menu ul li a{position:relative;text-decoration:none;color:var(--first);font-size:18px;font-weight:500;transition:.3s ease}header nav .list-darkmode-menu ul li a.active{color:var(--color)}header nav .list-darkmode-menu ul li .dropbtn.active{color:var(--color)}header nav .list-darkmode-menu ul li a:hover{color:var(--color)}header nav .list-darkmode-menu ul li a:hover:before{width:100%}header nav .list-darkmode-menu ul li a:before{content:"";position:absolute;bottom:-7px;left:0;width:0;height:2.5px;background:var(--color);transition:.3s ease}header nav .list-darkmode-menu .mode{color:var(--text-color);font-size:24px;width:24px;height:24px;display:grid;place-items:center;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}header nav .list-darkmode-menu .mode input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}header nav .list-darkmode-menu .mode .fa-moon,header nav .list-darkmode-menu .mode .fa-sun{grid-area:1 / 1;transition:all .3s ease;pointer-events:none}header nav .list-darkmode-menu .mode .fa-moon{opacity:1;transform:scale(1)}header nav .list-darkmode-menu .mode .fa-sun{opacity:0;transform:scale(.5)}@media(hover:hover){header nav .list-darkmode-menu .mode:hover .fa-moon{opacity:0;transform:scale(.5)}header nav .list-darkmode-menu .mode:hover .fa-sun{opacity:1;transform:scale(1)}}header nav .list-darkmode-menu .mode input:checked~.fa-sun{opacity:1;transform:scale(1)}header nav .list-darkmode-menu .mode input:checked~.fa-moon{opacity:0;transform:scale(.5)}@media(hover:hover){header nav .list-darkmode-menu .mode:hover input:checked~.fa-sun{opacity:0;transform:scale(.5)}header nav .list-darkmode-menu .mode:hover input:checked~.fa-moon{opacity:1;transform:scale(1)}}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{font-size:18px;border:none;outline:none;color:var(--first);padding:14px 16px;background-color:inherit;margin:0}.dropdown-content{display:none;position:absolute;background-color:var(--mob-color);min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{float:none;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}@keyframes animate{0%{transform:rotate(-360deg) scale(0);opacity:0}75%{transform:rotate(25deg)}}header nav .list-darkmode-menu .hamburger{position:relative;width:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;outline:none;background:none;scale:.9;display:none}header nav .list-darkmode-menu .hamburger .bar,header nav .list-darkmode-menu .hamburger:after,header nav .list-darkmode-menu .hamburger:before{content:"";display:block;width:100%;height:3px;background:var(--first);margin:6px 0;transition:.4s}header nav .list-darkmode-menu .hamburger.active:before{transform:rotate(-45deg) translate(-8px,5px)}header nav .list-darkmode-menu .hamburger.active:after{transform:rotate(45deg) translate(-8px,-5px)}header nav .list-darkmode-menu .hamburger.active .bar{opacity:0}.home .home-info{display:flex;align-items:center;justify-content:center}.home .home-info .left{flex:1.2}.home .home-info .left h3{font-size:2.5em;font-weight:700;letter-spacing:.5px;color:var(--first);border-radius:25px}.home .home-info .left h1{font-size:4.5em;color:var(--first);margin:10px 0}.home .home-info .left h4{color:var(--first);font-size:2.2em;font-weight:700;min-width:280px;margin-bottom:20px}.home .home-info .left h4 span{color:var(--color)}.home .home-info .left p{width:90%;font-size:16px;font-weight:400;line-height:1.8;color:var(--first);-webkit-mask-box-image:50px;mask-border:50px;margin-bottom:15px;text-align:justify}.home .home-info .left .social{display:flex;align-items:center;gap:15px;margin:25px 0}.home .home-info .left .social a{text-decoration:none;background:transparent;color:var(--color);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.4s ease;border:2px solid var(--color)}.home .home-info .left .social a i{font-size:20px}.home .home-info .left .social a:hover{color:#fff;background:var(--color);transform:translateY(-7px);box-shadow:0 0 .7rem var(--color)}.home .home-info .left .btn{display:flex;align-items:center;gap:20px;margin:25px 0}.home .home-info .left .btn button,.home .home-info .left .btn .btn-resume{font-size:15px;font-weight:600;padding:12px 24px;border-radius:25px;color:var(--color);background:transparent;border:2px solid var(--color);outline:none;cursor:pointer;transition:.3s ease-in;text-decoration:none;display:inline-block;text-align:center}.home .home-info .left .btn button:hover,.home .home-info .left .btn .btn-resume:hover{color:#fff;background:var(--color);transform:translateY(-7px);box-shadow:0 0 .7rem var(--color)}.home .home-info .left .btn-mail{border:2px solid var(--color);text-align:center;text-decoration:none;display:inline-block;font-size:15px;font-weight:600;border-radius:50%;width:50px;height:50px;transition:all .3s ease;overflow:hidden;position:relative}.home .home-info .left .btn-mail:hover{border-radius:25px;width:200px;color:#fff;background:var(--color);transform:translateY(-7px);box-shadow:0 0 .7rem var(--color)}.home .home-info .left .btn-mail i{font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.home .home-info .left .btn-mail:hover i{opacity:0}.home .home-info .left .btn-mail span{display:inline-block;vertical-align:middle;opacity:0;transition:opacity .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home .home-info .left .btn-mail:hover span{opacity:1}.home .home-info .left .btn-mail span a{color:inherit;transition:none}.home .home-info .right{flex:.8}.home .home-info .right .profile{text-align:right}.home .home-info .right .profile img{width:450px;height:450px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:50%;background:var(--color);border:3px solid var(--color);box-shadow:0 0 40px var(--color);cursor:pointer;transition:.3s ease}.home .home-info .right .profile img:hover{transform:scale(1.05);box-shadow:0 0 80px var(--color)}.about .about-wrapper{display:flex;align-items:center;gap:7em}.about .about-wrapper .about-left{flex:1}.about .about-wrapper .about-left .about-img img{width:400px;height:400px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:50%;border:3px solid var(--color);box-shadow:0 0 40px var(--color);cursor:pointer;transition:.3s ease}.about .about-wrapper .about-left .about-img img:hover{transform:scale(1.05);box-shadow:0 0 80px var(--color)}.about .about-wrapper .about-right{flex:2}.about .about-wrapper .about-right .about-info h2{font-size:2.8em;font-weight:700;letter-spacing:.5px;color:var(--first);margin-bottom:10px}.about .about-wrapper .about-right .about-info h2 span{color:var(--color)}.about .about-wrapper .about-right .about-info h3{font-size:1.8em;color:var(--first);font-weight:600;margin-bottom:25px}.about .about-wrapper .about-right .about-info p{font-size:16px;font-weight:300;color:var(--first);line-height:1.8;margin-bottom:25px}.about .about-wrapper .about-right .about-info p a{color:var(--color);font-weight:500;text-decoration:underline}.about .about-wrapper .about-right .about-info button{font-size:15px;font-weight:600;padding:12px 24px;border-radius:25px;color:var(--color);background:transparent;border:2px solid var(--color);outline:none;cursor:pointer;transition:.3s ease-in}.about .about-wrapper .about-right .about-info button:hover{color:#fff;background:var(--color);transform:translateY(-7px);box-shadow:0 0 .7rem var(--color)}.skills{padding-top:6rem}.skills h2{font-size:2.8em;text-align:center;color:var(--first);margin-bottom:1.5em}.skills h2 span{color:var(--color)}.skills .skills-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2.5em}.skills .skills-box .box{background:var(--box-bg);text-align:center;width:375px;padding:35px;border-radius:15px;border:2px solid var(--box-bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8em;transition:.4s ease}.skills .skills-box .box:hover{scale:1.03;border:2px solid var(--color)}.skills .skills-box .box .icon{font-size:3em;color:var(--color)}.skills .skills-box .box h3{font-size:1.8em;color:var(--first)}.skills .skills-box .box p{font-size:16px;font-weight:300;color:var(--first);letter-spacing:.8px;line-height:1.5em}.skills .skills-box .box .skills-btn{width:300px;margin-top:10px}.skills .skills-box .box .skills-btn button{font-size:15px;font-weight:600;padding:12px 24px;border-radius:25px;color:var(--color);background:transparent;border:2px solid var(--color);outline:none;cursor:pointer;transition:.4s ease}.skills .skills-box .box .skills-btn button:hover{color:#fff;background:var(--color);transform:translateY(-7px);box-shadow:0 0 .7rem var(--color)}.accolades h2{font-size:2.8em;text-align:center;color:var(--first);margin-bottom:1.5em}.accolades h2 span{color:var(--color)}.accolades-card{perspective:1000px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px}.accolades-card-wrapper{width:280px;height:400px}.accolades-card-inner{width:100%;height:100%;transition:transform 1.5s;transform-style:preserve-3d}.accolades-card-wrapper:hover .accolades-card-inner{transform:rotateY(180deg)}.accolades-card-front,.accolades-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:24px}.accolades-card-inner .x25426605{background-image:url(/_astro/X25426605.Q-nNjEfA.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.accolades-card-inner .fc{background-image:url(/_astro/978-981-99-9342-0.ClayQ8aC.jpg);background-repeat:no-repeat;background-size:cover;background-position:bottom}.accolades-card-inner .rtlpr{background-image:url(/_astro/978-3-031-31275-5.vYM2AibN.jpg);background-repeat:no-repeat;background-size:cover;background-position:left}.accolades-card-inner .thesis{background-image:url(/_astro/11296-fqta9b.DKkJU-u7.png);background-repeat:no-repeat;background-size:cover;background-position:left}.accolades-card-back{background:var(--mob-color);color:var(--first);transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 25px}.accolades-card-back img{width:90px;height:90px;object-fit:cover;border:3px solid #fff;border-radius:50%;margin-bottom:25px}.accolades-card-back h2{margin-bottom:15px}.accolades-card-back p{color:var(--first);margin-bottom:20px;font-size:14px}.accolades-card-back a{text-decoration:none;font-size:15px;font-weight:600;padding:10px 20px;border-radius:10px;border:2px solid var(--first);background:transparent;color:var(--first);transition:.3s ease-in}.accolades-card-back a:hover{scale:1.1;background:var(--first);color:#3c3c3c}.portfolio h2{font-size:2.8em;text-align:center;color:var(--first);margin-bottom:1.5em}.portfolio h2 span{color:var(--color)}.portfolio .portfolio-wrapper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2.5em}.portfolio .portfolio-wrapper .portfolio-box{position:relative;width:375px;overflow:hidden;border-radius:15px;box-shadow:0 0 1em #0000004d;cursor:pointer}.portfolio .portfolio-wrapper .portfolio-box img{width:100%;border-radius:15px;transition:.5s ease}.portfolio .portfolio-wrapper .portfolio-box .portfolio-square-img-container{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:15px}.portfolio .portfolio-wrapper .portfolio-box .portfolio-square-img-container .blur-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(10px);transform:scale(1.1);z-index:0}.portfolio .portfolio-wrapper .portfolio-box .portfolio-square-img-container .main-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain;z-index:1;border-radius:0!important;transition:.5s ease}.portfolio .portfolio-wrapper .portfolio-box:hover .portfolio-square-img-container .main-img{transform:translate(-50%,-50%) scale(1.1)}.portfolio .portfolio-wrapper .portfolio-box:hover img{transform:scale(1.1)}.portfolio .portfolio-wrapper .portfolio-box .portfolio-info{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:0 1.5em;background:linear-gradient(rgba(0,0,0,.4),var(--color));display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform:translateY(100%);transition:.5s ease;z-index:2}.portfolio .portfolio-wrapper .portfolio-box .portfolio-info h4{font-size:2em;color:#fff;margin-bottom:5px}.portfolio .portfolio-wrapper .portfolio-box .portfolio-info p{font-size:16px;font-weight:400;line-height:1.4em;margin:10px 15px 15px;color:#fff}.portfolio .portfolio-wrapper .portfolio-box .portfolio-info a{display:inline-flex;align-items:center;justify-content:center;width:3em;height:3em;background:#fff;border-radius:50%}.portfolio .portfolio-wrapper .portfolio-box .portfolio-info a i{font-size:1em;color:#000}.portfolio .portfolio-wrapper .portfolio-box:hover .portfolio-info{transform:translateY(0)}.contact h2{font-size:2.8em;text-align:center;color:var(--first);margin-bottom:1em}.contact h2 span{color:var(--color)}.contact form{max-width:40em;margin:1em auto 3em;text-align:center}.contact form .input-box{display:flex;justify-content:space-between;flex-wrap:wrap}.contact form .input-box input{width:49%;padding:1em;font-size:16px;color:var(--first);background:var(--clr-bg);border:none;outline:none;border-radius:8px;margin:8px 0}.contact form .input-box input::-moz-placeholder{color:var(--place-clr)}.contact form .input-box input::placeholder{color:var(--place-clr)}.contact form textarea{width:100%;padding:15px;font-size:16px;color:var(--first);background:var(--clr-bg);border:none;outline:none;resize:none;border-radius:8px;margin:8px 0}.contact form textarea::-moz-placeholder{color:var(--place-clr)}.contact form textarea::placeholder{color:var(--place-clr)}.contact form button{font-size:15px;font-weight:600;padding:12px 24px;margin-top:1em;border-radius:25px;color:#fff;background:var(--color);border:2px solid var(--color);outline:none;cursor:pointer;transition:.3s ease-in}.contact form button:hover{color:var(--color);background:transparent;transform:translateY(-7px);box-shadow:0 0 .7rem var(--color)}.footer{padding:1.5em 9%;display:flex;align-items:center;background:var(--clr-bg);margin-top:auto}.footer .footer-wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer .footer-wrapper .footer-info p{font-size:16px;letter-spacing:.8px;color:var(--first)}.footer .footer-wrapper .footer-info .footer-links{margin-top:.5rem;font-size:14px}.footer .footer-wrapper .footer-info .footer-links a{color:var(--first);text-decoration:none;transition:color .3s}.footer .footer-wrapper .footer-info .footer-links a:hover{color:var(--color)}.footer .footer-wrapper .iconTop a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:2.5em;height:2.5em;padding:.7rem;border-radius:10px;background:var(--color);transition:.4s}.footer .footer-wrapper .iconTop a:hover{box-shadow:0 0 .7rem var(--color)}.footer .footer-wrapper .iconTop a i{font-size:1em;color:#fff}@media screen and (max-width:1280px){.home .home-info .left h1{font-size:4em}.home .home-info .right .profile img{width:400px;height:400px}.skills .skills-box{justify-content:center}}@media screen and (max-width:992px){body section{padding:8rem 5% 2rem}header{background:transparent;position:sticky;top:0;padding:0 5%;z-index:9}header .header-bg{background:var(--mob-color);backdrop-filter:none;-webkit-backdrop-filter:none}header nav .list-darkmode-menu ul{position:fixed;top:89px;left:-100%;max-width:60%;width:100%;height:100vh;background:var(--mob-color);align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:30px;padding:2rem 5% 0;transition:.3s ease}header nav .list-darkmode-menu ul li a{font-size:22px}header nav .list-darkmode-menu ul.active{left:0%}header nav .list-darkmode-menu .hamburger{display:block}.home{padding:8rem 5% 2rem}.home .home-info{flex-direction:column-reverse}.home .home-info .left{padding-top:50px}.home .home-info .left p{width:100%}.home .home-info .left .social{display:none}.home .home-info .right .profile{margin-top:25px}.home .home-info .right .profile img{width:375px;height:375px}.home .home-info .right .profile img:hover{box-shadow:0 0 60px var(--color)}.about .about-wrapper{flex-direction:column-reverse}.about .about-wrapper .about-left .about-img img{width:375px;height:375px}.about .about-wrapper .about-left .about-img img:hover{box-shadow:0 0 60px var(--color)}.home .home-info .left .btn-mail:hover{width:50px;border-radius:50%}.home .home-info .left .btn-mail:hover i{opacity:1}.home .home-info .left .btn-mail:hover span{opacity:0}}@media screen and (max-width:767px){header nav .list-darkmode-menu ul li a{font-size:20px}.home .home-info .left h1{font-size:3.6em}.home .home-info .left h4{font-size:1.8em}.home .home-info .left p{font-size:14px}.home .home-info .right .profile img{width:350px;height:350px}.skills .skills-box .box,.portfolio .portfolio-wrapper .portfolio-box{width:340px}}@media screen and (max-width:567px){header nav .logo a{font-size:28px}.home .home-info .left h3{font-size:1.8em}.home .home-info .left h1{font-size:2.5em}.home .home-info .left h4{font-size:1.4em}.home .home-info .left p{font-size:14px}.home .home-info .right .profile img,.about .about-wrapper .about-left .about-img img{width:280px;height:280px}.about .about-wrapper .about-right .about-info h2,.skills h2,.portfolio h2,.contact h2{font-size:2.5em}.contact form .input-box input{width:100%}.footer{padding:1.2em 5%}.footer .footer-wrapper{flex-direction:column-reverse;text-align:center}.footer .footer-wrapper .footer-info{line-height:1.5em}.footer .footer-wrapper .iconTop{margin-bottom:1em}.home .home-info .left .btn{gap:10px;flex-wrap:nowrap}.home .home-info .left .btn button,.home .home-info .left .btn .btn-resume{padding:10px 14px;font-size:13px}}@media screen and (max-width:992px){header.side-mode{width:100%;height:90px;top:0;right:auto;left:0;transform:none;padding:0 5%;background:transparent;justify-content:center}header.side-mode .container{width:100%;margin:0 auto}header.side-mode nav{flex-direction:row;align-items:center;justify-content:space-between}header.side-mode .logo{display:block}header.side-mode .hamburger{display:block}header.side-mode .list-darkmode-menu{flex-direction:row;gap:2.5rem}header.side-mode .list-darkmode-menu ul{flex-direction:column;gap:30px;position:fixed;top:89px}header.side-mode .list-darkmode-menu ul li a{display:inline;width:auto;height:auto;background-color:transparent;color:var(--first);font-size:22px;border-radius:0}header.side-mode .list-darkmode-menu ul li a:after{content:none}header.side-mode .side-menu ul li{opacity:0;transform:translate(50px)}body.mobile-scrolling header.side-mode .side-menu ul li{opacity:1;transform:translate(0)}#bmc-wbtn,#cal-floating-button,.cal-floating-button,cal-floating-button{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease,transform .3s ease!important;transform:translate(50px)!important}#bmc-wbtn{right:18px!important}body.mobile-scrolling #bmc-wbtn,body.mobile-scrolling #cal-floating-button,body.mobile-scrolling .cal-floating-button,body.mobile-scrolling cal-floating-button{opacity:1!important;pointer-events:auto!important;transform:translate(0)!important}}header nav ul li a.active,header nav ul li .dropbtn.active{color:var(--color)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.Side-float{display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:100}.Side-float ul li{list-style:none}.Side-float ul li a{width:180px;display:flex;align-items:center;justify-content:space-between;padding:15px;font-size:18px;font-weight:400;text-decoration:none;color:#fff;margin-left:-120px;transition:margin-left .5s;border-top-right-radius:80px;border-bottom-right-radius:80px}.Side-float ul li a:hover{margin-left:0}.Side-float ul li a i{display:flex;align-items:center;justify-content:center;width:30px;font-size:28px}.sf-home{background:var(--color)}@media screen and (max-width:992px){.Side-float{display:none}}.skill-col h2{font-size:2.7em;font-weight:400;padding:10px 0 16px;margin:0 0 30px;text-align:center;background:var(--box-bg);border-radius:2px}.skill-col h2.Programming{border:1px solid var(--skill-prog-color);box-shadow:0 0 50px -8px var(--skill-prog-color);color:var(--skill-prog-color);text-shadow:1px 1px 5px #000,0 0 10px var(--skill-prog-color),0 0 20px var(--skill-prog-color)}.skill-col h2.tools{border:1px solid var(--skill-tool-color);box-shadow:0 0 50px -8px var(--skill-tool-color);color:var(--skill-tool-color);text-shadow:1px 1px 5px #000,0 0 10px var(--skill-tool-color),0 0 20px var(--skill-tool-color)}.skill-col h2.techniques{border:1px solid var(--skill-tech-color);box-shadow:0 0 50px -8px var(--skill-tech-color);color:var(--skill-tech-color);text-shadow:1px 1px 5px #000,0 0 10px var(--skill-tech-color),0 0 20px var(--skill-tech-color)}.skill-col{width:23%;margin:0 5%;position:relative;float:left;font-size:12px;line-height:2em;padding:5% 0}.skill{list-style:none;padding-top:30px}.skill li{margin-bottom:70px;background:var(--bg-color);height:6px;border-radius:3px;border-left:1px solid var(--mob-color);border-top:1px solid var(--mob-color);border-right:1px solid var(--box-bg);border-bottom:1px solid var(--box-bg)}.skill li em{position:relative;font-style:normal;font-size:14px;text-align:center;color:var(--first);top:-28px}.blueline{height:3px;margin:2px 0;background:var(--skill-prog-color);position:absolute;box-shadow:0 0 10px 1px #00c6ff99}.greenline{height:3px;margin:2px 0;background:var(--skill-tool-color);position:absolute;box-shadow:0 0 10px 1px #adff2f66}.redline{height:3px;margin:2px 0;background:var(--skill-tech-color);position:absolute;box-shadow:0 0 10px 1px #ff450066}.titulo{opacity:1;animation:titulo 5s ease-out}.pct100{width:100%;animation:pct100 2s ease-out}.pct95{width:95%;animation:pct95 2s ease-out}.pct90{width:90%;animation:php90 2s ease-out}.pct85{width:85%;animation:pct85 2s ease-out}.pct80{width:80%;animation:pct80 2s ease-out}.pct75{width:75%;animation:pct75 2s ease-out}.pct70{width:70%;animation:pct70 2s ease-out}.pct65{width:65%;animation:pct65 2s ease-out}.pct60{width:60%;animation:pct60 2s ease-out}.pct55{width:55%;animation:pct55 2s ease-out}.pct50{width:50%;animation:pct50 2s ease-out}.pct45{width:45%;animation:pct45 2s ease-out}.pct40{width:40%;animation:pct40 2s ease-out}.pct35{width:35%;animation:pct35 2s ease-out}.pct30{width:30%;animation:pct30 2s ease-out}.pct25{width:25%;animation:pct25 2s ease-out}.pct20{width:20%;animation:pct20 2s ease-out}.pct15{width:15%;animation:pct15 2s ease-out}.pct10{width:10%;animation:pct10 2s ease-out}.pct5{width:5%;animation:pct5 2s ease-out}.pct0{width:0%;animation:pct0 2s ease-out}@keyframes titulo{0%{opacity:0}to{opacity:1}}@keyframes python{0%{width:0px}to{width:95%}}@keyframes clang{0%{width:0px}to{width:85%}}@keyframes php{0%{width:0px}to{width:70%}}@keyframes javascript{0%{width:0px}to{width:50%}}@keyframes jquery{0%{width:0px}to{width:30%}}@keyframes wordpress{0%{width:0px}to{width:80%}}@keyframes prestashop{0%{width:0px}to{width:60%}}@keyframes joomla{0%{width:0px}to{width:40%}}@keyframes blogger{0%{width:0px}to{width:70%}}@keyframes tridion{0%{width:0px}to{width:60%}}@keyframes dreamweaver{0%{width:0px}to{width:90%}}@keyframes illustrator{0%{width:0px}to{width:30%}}@keyframes photoshop{0%{width:0px}to{width:70%}}@keyframes premiere{0%{width:0px}to{width:50%}}@keyframes flash{0%{width:0px}to{width:60%}}@media(max-width:1200px){h2{font-size:2.2em}}@media(max-width:980px){h2{font-size:1.8em}}@media(max-width:767px){h2{font-size:1.4em}}@media(max-width:580px){h2{font-size:1.1em;padding:10px 0}}@media(max-width:480px){h2{font-size:2.2em;padding:10px 0 15px}.skill-col{width:90%}}body #bmc-iframe{height:80%!important;width:20%!important;min-width:300px!important;min-height:500px!important;max-width:420px;max-height:620px}.project-index{padding-top:120px;min-height:100vh;padding-bottom:50px}.project-index h1{font-size:3rem;margin-bottom:2rem;text-align:center;color:var(--text-color)}.project-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:0}.project-list li{background:var(--box-bg);border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid transparent}.project-list li:hover{transform:translateY(-5px);border-color:var(--color);box-shadow:0 5px 15px #0000004d}.project-list a{text-decoration:none;color:inherit;display:block;height:100%}.project-list img{width:100%;height:200px;object-fit:cover}.project-list .content-preview{padding:1.5rem}.project-list .title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.project-list .description{font-size:1rem;color:var(--place-clr);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-list .date{font-size:.9rem;color:var(--color)}.more-projects{margin-top:3rem;text-align:center}.btn-more{display:inline-block;padding:10px 25px;background:var(--color);color:var(--bg-color);border-radius:25px;text-decoration:none;font-weight:600;transition:.3s}.btn-more:hover{box-shadow:0 0 10px var(--color)}.project-detail{padding-top:120px;min-height:100vh;padding-bottom:50px}.project-detail .back-link{margin-bottom:2rem}.project-detail .back-link a{color:var(--color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.project-detail h1{font-size:3rem;margin-bottom:.5rem;color:var(--text-color)}.project-detail .meta{margin-bottom:2rem;color:var(--place-clr)}.project-detail .hero-image{margin-bottom:3rem;border-radius:15px;overflow:hidden}.project-detail .hero-image img{width:100%;height:auto;max-height:500px;object-fit:cover}.project-detail .content{color:var(--text-color);line-height:1.8;font-size:1.1rem;max-width:800px;margin:0 auto}.project-detail .content h2{margin-top:2rem;margin-bottom:1rem;color:var(--color)}.project-detail .content p{margin-bottom:1.5rem}.project-detail .content ul,.project-detail .content ol{margin-bottom:1.5rem;padding-left:2rem}.project-detail .content a{color:var(--color)}.project-detail .project-link{margin-top:3rem;text-align:center}.project-detail .project-link a{display:inline-block;padding:12px 30px;background:var(--color);color:var(--bg-color);border-radius:30px;text-decoration:none;font-weight:700;font-size:1.2rem;transition:.3s}.project-detail .project-link a:hover{box-shadow:0 0 15px var(--color);transform:scale(1.05)}