*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--main-color: #fff;--identifi-color: #FFB74D ;--body-color: #D3D3D3;--nav-color: #212121;--anits-color: rgba(51, 51, 51, .4);--mainDAOS-P: 20px;--mainDAOS-N: -20px}body{min-width:300px;background-color:var(--body-color)}a{text-decoration:none}.d-flex-center{display:flex;justify-content:center;align-items:center}.d-none{display:none}.About,.home,.Skills,.Projects,.Contact{min-height:100vh}nav,.side-bar-mobile{background-color:var(--nav-color);position:fixed}nav{justify-content:space-between!important;padding:5px 30px;height:4.7rem;width:100%;z-index:9999;box-shadow:0 0 10px #fff3}nav h1{font-size:2.2rem;white-space:nowrap}nav h1 a{color:var(--main-color);gap:10px}.snow-img{width:2.4rem;background-color:var(--identifi-color);padding:2px;border-radius:.5rem}.nav-ul{list-style:none;gap:.5rem;font-size:1rem}.nav-ul a{display:inline-block;color:var(--main-color);min-width:5.5rem;text-align:center;padding:.6rem;position:relative;font-weight:700}.nav-ul a.selected{color:var(--identifi-color)}.nav-ul a:hover{background-color:#ffffff4d}.nav-ul a:after{content:"";position:absolute;width:100%;height:4px;background-color:#2098d1;bottom:0;left:0;transform-origin:right;transform:rotateY(90deg)}.nav-ul a:hover:after{transform:rotateY(0)}.home{width:100%;padding:5rem 1.8rem 0;background:linear-gradient(45deg,#121212,#1a1a1a,#2e2e2e);display:grid;grid-template-columns:1.5fr 1fr;color:var(--main-color);overflow-x:auto;overflow-y:hidden}.home-info-anime{font-size:1.625rem;padding:1.2rem;color:#e6e6e6;opacity:0;transform:translate3d(var(--mainDAOS-N),var(--mainDAOS-N),0)}.home-info-anime>div{position:relative;height:3rem;margin-bottom:.3rem}.home-info-anime>div>h2{position:absolute;top:0;color:#ffb74d}#typed-home{width:fit-content;border-right:15px solid var(--main-color);padding-right:7.5px;animation:typing-border .75s ease infinite;white-space:nowrap}.profile-img{width:25rem;opacity:0;transform:translate3d(var(--mainDAOS-P),var(--mainDAOS-P),0);border-radius:5%}.home-profile-img{position:relative;z-index:9}.home-profile-img:before{content:"";position:absolute;border-radius:50%;z-index:-9;width:22.5rem;height:22.5rem;transform:translateY(10%);background-color:var(--identifi-color);box-shadow:0 0 10px var(--identifi-color)}.container-side-bar-icon{cursor:pointer;height:2.5rem}.side-bar-icon,.side-bar-icon:after,.side-bar-icon:before{height:.5rem;background-color:var(--identifi-color)}.side-bar-icon{display:inline-block;width:3rem;position:relative}.side-bar-icon.open{background-color:transparent}.side-bar-icon:after,.side-bar-icon:before{content:"";position:absolute;width:100%}.side-bar-icon:after{top:-200%}.side-bar-icon.open:after{top:0;transform:rotate(-45deg)}.side-bar-icon:before{bottom:-200%}.side-bar-icon.open:before{top:0;transform:rotate(45deg)}.side-bar-mobile{width:45%;height:100vh;right:0;z-index:999;transform:translate(110%);padding-top:6.5rem;box-shadow:0 0 10px #0003;overflow-y:auto}.side-bar-mobile.open{transform:translate(0)}.About{padding:7rem 1.8rem 1.2rem;background:linear-gradient(to right,#c8e1ff80,#f0f8ff99,#fffc);color:#000}.header-about{display:flex}.header-about :first-child,.header-about :last-child{display:inline-block;height:4px;background-color:var(--identifi-color)}.header-about :first-child{width:20%}.header-about :last-child{width:80%}.title-about{width:fit-content;padding:0 .6rem;font-weight:700;font-size:1.5rem;display:inline-block;white-space:nowrap;transform:translateY(-50%)}.main-content-about{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem;height:fit-content;font-size:1rem}.table-about{display:block}.info-about h3,.additional-info-about>:first-of-type{margin:2rem 0;padding:1.25rem}.table-about th{text-align:start}.table-about th,.table-about td{min-width:4rem}.table-about th{color:#00000080}.table-about tr{min-height:2.7rem}.table-about tr th:not(:first-child){text-align:center}.table-about tr td{font-size:.9em}.d-cv{width:fit-content;height:100%;margin:3rem auto}.d-cv.ants{width:25rem;height:6.25rem;animation-play-state:running;--anits-color: rgba(51, 51, 51, .9)}[name=item-about-anime]{transform:translate3d(0,var(--mainDAOS-P),0);opacity:0;transition-duration:1.5s}.about-contact-btn{display:inline-block;width:7.5rem;font-size:1.05rem;cursor:pointer;font-weight:700;border-radius:.3rem;color:#544f4d;padding:.25rem .5rem;text-align:center;margin:0 .3rem;border:2px solid #544f4f}.about-contact-btn:hover{background-color:#544f4f;color:#fff}.main-btn{display:inline-block;min-width:7.5rem;height:2.5rem;outline:none;border:none;background-color:var(--identifi-color);color:#333;font-weight:700;margin:.3rem .625rem;cursor:pointer;box-shadow:1.5px 1.5px 0 3px #000000a6;border-radius:.6rem;font-size:1.1rem;transition:border-radius .2s ease,background-color .5s ease,color .5s ease,box-shadow .5s ease;padding:.32rem 1.25rem;text-align:center}.main-btn:hover{background-color:#333;color:var(--identifi-color);border-radius:0;box-shadow:0 0 0 3px #333}.ants{--main-widht: 25px;--main-height: 5px;background-image:linear-gradient(90deg,var(--anits-color) 50%,transparent 50%),linear-gradient(90deg,var(--anits-color) 50%,transparent 50%),linear-gradient(0,var(--anits-color) 50%,transparent 50%),linear-gradient(0,var(--anits-color) 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:var(--main-widht) var(--main-height),var(--main-widht) var(--main-height),var(--main-height) var(--main-widht),var(--main-height) var(--main-widht);animation:marching-ants .5s infinite linear;padding:1.25rem;animation-play-state:paused}.ants:hover{animation-play-state:running;--anits-color: rgba(51, 51, 51, .9)}.profile-img,.home-info-anime,[name=item-about-anime],.skills-sections>div,.title-projects,.contact-send-message,.projects-main-carousel{transition:1s cubic-bezier(.175,.885,.32,1.275);transition-property:opacity,transform}.side-bar-icon,.side-bar-icon:after,.side-bar-icon:before,.side-bar-mobile{transition:all .75s ease}.nav-ul a:after{transition:all .7s ease}.home-info-anime.scroll,.profile-img.scroll,.skills-sections>div.scroll-up,.title-projects.scroll-down,.projects-main-carousel.scroll-up,.contact-send-message.scroll-down,[name=item-about-anime].scroll-down{transform:translateZ(0);opacity:1}@keyframes typing-border{to{border-right-color:#0000}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:50px 0,-50px 100%,0 -50px,100% 50px}}@keyframes spinner-projects-wheel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Skills{background-image:linear-gradient(45deg,#a06bff,#7070e0);padding:7rem 1.8rem 1.2rem;color:#fff;font-size:1rem;overflow:hidden}.skills-title{font-size:1.5rem;font-weight:700;width:fit-content;margin:0 auto 3rem;position:relative}.skills-title:after{content:"";position:absolute;width:100%;height:.25rem;background-color:var(--identifi-color);bottom:-.3rem;left:50%;transform:translate(-50%)}.skills-sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem}.skills-sections>div{box-shadow:4px 4px 10px #0003;background-color:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:2rem;border:1px solid rgba(255,255,255,.3);padding:1rem;transform:translate3d(var(--mainDAOS-N),0,0);opacity:0}.skills-sections [id^=skills-item-] h3{text-align:center;color:#4a3f90}.table-skills [name=skills-img]{width:2.5rem}.table-skills tr{display:flex;align-content:end;gap:1rem;margin-top:1.2rem;align-items:center;position:relative}.table-skills{border-left:.4rem solid var(--identifi-color);padding-left:1.2rem;margin-left:1.2rem}.table-skills tr:before{position:absolute;content:"";width:1.2rem;height:1.2rem;left:0;transform:translate(-2.1rem);border-radius:50%;background-color:var(--identifi-color)}.Projects{background:linear-gradient(45deg,#2f68bb,#6fa3bf);padding:7rem 1.8rem 1.2rem;font-size:1rem;overflow:hidden;color:#fff}.title-projects{width:fit-content;margin:0 auto 3rem;gap:1.2rem;transform:translate3d(0,var(--mainDAOS-N),0);opacity:0}.title-project-text{position:relative;font-size:1.5rem;font-weight:700;color:#3c1ba4}.projects-wheel{width:5rem;height:5rem;border:.6rem solid var(--identifi-color);border-radius:50%;position:relative;animation:spinner-projects-wheel 3s linear infinite}.projects-wheel:after{content:"";position:absolute;background-color:#5cbeff;width:100%;height:100%;border-radius:50%}[class^=projects-item-wheel-]{background-color:var(--identifi-color);width:162.5%;height:1.25rem;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}[class^=projects-item-wheel-]:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}[class^=projects-item-wheel-]:nth-child(2){transform:translate(-50%,-50%) rotate(90deg)}[class^=projects-item-wheel-]:nth-child(3){transform:translate(-50%,-50%) rotate(135deg)}.projects-content-item{width:100%;display:flex;justify-content:center;align-items:center;margin-top:2.5rem;gap:1rem}.projects-content-item-img{width:40%}.projects-content-item-img img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:.75rem}.projects-content-item-info{width:60%;display:flex;flex-flow:column;gap:1rem;align-items:center;justify-content:center;text-align:center;position:relative}.projects-content-item-info h3{gap:1rem}.projects-btn-go{display:inline-block;width:75%;padding:.3rem;background:#216bd7;color:#fff;font-weight:700;font-size:1.2rem;border:none;box-shadow:3px 3px #000;margin-top:.75rem;cursor:pointer;transition:all .1s ease}.projects-btn-go:hover{transform:scale(.95)}.fire-img{width:2.5rem;padding:.25rem;background-color:#892be2b3;border-radius:50%}.Contact{min-height:84vh!important;background-image:linear-gradient(45deg,#ecd1c6,#d8b4a6);padding:7rem 1.8rem 1.2rem;font-size:1rem;overflow:hidden}.contact-send-message{width:37.5rem;padding:2rem;background-color:#fff;border-radius:.4rem;transform:translate3d(0,var(--mainDAOS-N),0);opacity:0}.contact-send-message h2{text-align:center;color:#000}.contact-send-message form{display:flex;flex-flow:column;width:100%}.contact-send-message form label{margin-top:1.5rem;font-weight:700}.contact-send-message form h5{margin-top:.3rem;color:#9f401b}.contact-send-message form input,.contact-send-message form textarea{width:100%;height:2.5rem;padding:.5rem;font-size:.9rem;border-radius:.2rem;border:1px solid #838383;outline:none;margin-top:.2rem}.contact-send-message form input:focus,.contact-send-message form textarea:focus{box-shadow:0 0 0 .25rem #9f401b36}.contact-send-message form textarea{height:5rem;max-width:100%}.contact-send-message form button{margin-top:2rem;min-height:2.5rem;font-size:1.2rem;cursor:pointer;background-color:#cf774a;color:#fff;font-weight:700;border:2px solid rgb(172,79,46);border-radius:.2rem;transition:all .5s ease;padding:.2rem 0}.contact-send-message form button:hover{background-color:#b3502d}.contact-send-message form h4{text-align:center;margin-top:1.2rem}.send-btn-loader{display:none;width:2rem;height:2rem;border-radius:50%;background-color:transparent;border:.25rem solid;border-color:#fff transparent #fff #fff;animation:send-btn-loader 1s linear infinite}#send-message.active .send-btn-loader{display:block}#send-message.active .send-btn-send{display:none}@keyframes send-btn-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}footer{padding:1.25rem;font-size:1rem;background-color:var(--nav-color);width:100%;min-height:15vh;color:var(--main-color);text-align:center;box-shadow:-5px -5px 10px #fff3}.Note{margin-top:1rem;font-size:.8rem;color:#e6e6e6}.whatsapp-float{position:fixed;bottom:25px;right:25px;width:60px;height:60px;background-color:#25d366;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 14px #00000059;z-index:9998;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;-webkit-tap-highlight-color:transparent}.whatsapp-float svg{width:34px;height:34px;fill:#fff;pointer-events:none}.whatsapp-float:hover{background-color:#1ebe5b;transform:scale(1.1);box-shadow:0 6px 20px #00000073}.whatsapp-float:active{transform:scale(.95)}.whatsapp-float:before{content:"";position:absolute;inset:0;border-radius:50%;background-color:#25d366;opacity:.7;z-index:-1;animation:whatsapp-pulse 2s ease-out infinite}@keyframes whatsapp-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@media(max-width:460px){.whatsapp-float{width:52px;height:52px;bottom:18px;right:18px}.whatsapp-float svg{width:28px;height:28px}}html{font-size:10px}@media(min-width:576px){html{font-size:12px}}@media(min-width:768px){html{font-size:14px}}@media(min-width:992px){html{font-size:16px}}@media(min-width:1200px){html{font-size:18px}}@media(min-width:1400px){html{font-size:20px}}@media(max-width:660px){.home{grid-template-columns:1fr}.home-profile-img{order:1}.home-info{order:2}.nav-ul{flex-flow:column}.nav-ul li{width:80%}.nav-ul a{width:100%}.main-content-about{grid-template-columns:1fr;gap:0}.projects-content-item{flex-flow:column}.projects-content-item-img,.projects-content-item-info{width:75%}}@media(min-width:460px){.side-bar-mobile{width:35%}}.specific-project-imgs{display:flex;flex-wrap:wrap;gap:1rem}.specific-project-title{text-align:center;margin:1rem;color:#0ff}.specific-project-imgs img{width:100%;max-width:calc(50% - 1rem);flex-basis:calc(50% - 1rem);border-radius:10px;cursor:pointer}.specific-project-imgs img:hover{transform:scale(1.05)}@media(min-width:450px){.specific-project-imgs img{max-width:calc(calc(100% / 3) - 1rem);flex-basis:calc(calc(100% / 3) - 1rem)}}@media(min-width:768px){.specific-project-imgs img{max-width:calc(25% - 1rem);flex-basis:calc(25% - 1rem)}}.specific-project-info p{font-size:1rem;margin-top:1rem}.specific-project-info h3{color:#7fffd4}.specific-project-buttons{margin-top:1.5rem;display:flex;flex-flow:column;align-items:center}.specific-project-buttons a,.specific-project-buttons button{margin-top:1rem;width:60%}.project-link{text-align:center;background-color:#5632cc;position:relative}.project-link.project-link-stopped{pointer-events:none;background-color:#929292}.project-link.project-link-stopped:before{position:absolute;height:80%;width:5%;content:"!";background-color:#6e6e33;left:25%}#intro-overlay{position:fixed;inset:0;z-index:100000;background:#fff;overflow:hidden;will-change:opacity;backface-visibility:hidden}#intro-overlay.is-finished{pointer-events:none}#intro-canvas{display:block;width:100%;height:100%}