@import"https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--dark-one:#333;--dark-two:#7a7a7a;--light-one:#fff;--light-two:#f9fafb}*{margin:0;padding:0}.model{min-width:100vw;min-height:100vh}canvas{min-height:100vh;min-width:100vw;background:#000;background:radial-gradient(circle,#efeff2 2%,#e0e0e7 23%,#919194 64%,#2b2b2b)}.canvas-container{position:relative;width:100%;height:100vh;cursor:grab;z-index:0}.canvas-container.grabbing{cursor:grabbing}.container{position:relative;background-color:#f06161;color:#fff;width:420px;padding:2rem 1rem;border-radius:12px;box-shadow:10px 10px #e63333}.text{text-align:center;font-family:Anton,sans-serif;font-weight:400;font-style:normal;font-size:20px}.bold{font-weight:700}.big-txt{font-size:31px}.mg-up-1rem{margin-top:.2rem}.btn{padding:.7rem 2.1rem;background-color:#fff;color:red;text-align:center;position:absolute;top:91%;left:35%;border-radius:.5rem;font-size:12px;cursor:pointer}html body{scroll-behavior:smooth;transition:1s;font-family:Poppins,sans-serif}a{text-decoration:none}ul{list-style:none}.uni-up-margin{margin-top:1rem}nav{width:100%;background-color:transparent;font-family:Poppins,sans-serif;font-weight:300}.navbarr{display:flex;position:fixed;width:100vw;z-index:1001;top:0;justify-content:center;align-items:center}.margin{height:.4rem;background-color:var(--light-one)}.nav_container{position:relative;z-index:5}nav .nav_container{display:flex;justify-content:space-around;align-items:center;height:5rem}.logo{display:flex;align-items:center}.links{padding:.6rem 2.5rem;background-color:#fff;border-radius:3rem;margin-top:1rem}.links ul{display:flex;justify-content:space-evenly;align-items:center}.links ul a{font-size:1rem;font-family:Poppins,sans-serif;font-weight:500;color:#f02a45}.links a{display:inline-block;padding:.9rem 1.2rem;color:var(--light-one);font-size:larger;text-transform:uppercase;transition:.3s}.active_nav{background-color:#fff;color:#081340}.links a.active_nav{background-color:#f02a45;color:var(--light-one);border-radius:2rem;font-size:1rem;padding:.9rem 2.1rem;margin-left:1rem}.links a.active_nav:hover{opacity:.8;color:var(--light-one)}.links a:hover{color:#a7a8ad}.hamburger-menu{width:2.7rem;height:3rem;z-index:102;position:relative;display:none;align-items:center;justify-content:flex-end}.hamburger-menu .bar{position:relative;width:2.1rem;height:3px;border-radius:3px;background-color:#fff;transition:.5s}.bar:before,.bar:after{content:"";position:absolute;width:2.1rem;height:3px;border-radius:3px;background-color:#fff;transition:.5s}.bar:before{transform:translateY(-9px)}.bar:after{transform:translateY(9px)}nav.open .hamburger-menu .bar{background-color:transparent;transform:rotate(360deg)}nav.open .hamburger-menu .bar:before{transform:translateY(0) rotate(45deg);background-color:var(--light-one)}nav.open .hamburger-menu .bar:after{transform:translateY(0) rotate(-45deg);background-color:var(--light-one)}nav.open .links{transform:translate(0)}.nav_item a{position:relative;text-decoration:none;font-family:Poppins,sans-serif;padding:0 10px;letter-spacing:.5px}.nav_item a:after{content:"";position:absolute;background-color:#40a2d5;height:3px;width:0;left:0;bottom:-10px;transition:.3s}.nav_item a:hover:after{width:100%}.test1{height:50vh;width:100vw;background-color:var(--dark-two)}.test2{height:50vh;width:100vw;background-color:var(--dark-one)}.overlay-projects{background-color:#f06161}.empty-cont{height:4rem;background-color:transparent}.projects{margin:1% 10%}.title-pro{font-size:51px;color:#fff}.text-pro{font-size:21px;color:#fff}.cards{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.card{padding:.6rem .7rem;position:relative;width:370px;height:500px;margin:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 110px #ebe4e4;background-color:#000000b3;box-shadow:0 0 28px 10px #2edd174d}.screen{position:relative;width:350px;height:250px;display:flex;align-items:center;justify-content:center}.card:hover{transform:translateY(-20px);transition:.3s ease}.card img{width:250px;object-fit:cover}.card-title{font-size:30px;margin-bottom:1rem;margin-top:1rem;font-weight:700}.card-text{font-size:17px;text-align:left;color:gray}.flex-2{margin-top:2rem}.live-btn{padding:.6rem 3.7rem;background-color:#1df13a;color:#cc2a2a;margin-right:3rem}.git-btn{background-color:#fff;color:#f06161;border:2.5px solid #f06161;margin-right:0;font-weight:700}.experience{min-height:100vh}.full-card{padding:1rem 1.7rem;background-color:#fff;margin:2rem 0rem;box-shadow:20px 20px 30px #e48b8b}.full-card .dce{width:355px}.flex-div{display:flex;align-items:center;justify-content:left;flex-wrap:wrap}.line{height:19vh;width:4px;background-color:#000;margin:0 3rem}.full-card-title{font-size:30px;font-weight:700}.full-card .card-text{margin-top:1rem}.achievements,.experience{position:relative;z-index:1}.achievements .logo-exp{width:12rem}.popup{position:fixed;bottom:6%;left:50%;transform:translate(-50%,-50%);color:#fff;padding:15px 30px;border-radius:10px;font-size:18px;z-index:1001;pointer-events:none;font-family:Share Tech Mono,monospace}.popup img{width:7rem}.popup p{display:flex;align-items:center;justify-content:center;padding:.7rem 1.6rem;border-radius:3rem;background-color:#f06161}.popup svg{width:1.5rem;margin-left:.5rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.loader{display:flex;flex-direction:column;align-items:center}.progress-bar{width:250px;height:15px;background-color:#ddd;border-radius:10px;overflow:hidden;margin-top:15px;box-shadow:0 4px 10px #0000004d}.progress{height:100%;background-color:#4caf50;border-radius:10px;transition:width .5s ease-in-out}.links video{display:none}.projects-wrapper{position:relative;width:100vw;min-height:130vh;overflow:hidden;background-color:#000}.projects-container{position:relative;z-index:10}.projects-content{top:3rem;position:absolute;z-index:2;top:4rem;color:#fff;padding:20px;margin:0 auto;height:100vh;overflow-y:scroll}.fixed{z-index:0}.lines-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.share-tech{font-family:Share Tech Mono,monospace;font-weight:400;font-style:normal}.button-group{margin-top:2rem}.empty-cont-transparent{height:15rem;background-color:transparent}.loading-screen{display:flex;align-items:center;justify-content:center;color:#000;transform:translate(-30%,50%)}.loader{scale:3;height:50px;width:40px}.box{position:relative;opacity:0;left:10px}.side-left{position:absolute;background-color:#286cb5;width:19px;height:5px;transform:skew(0,-25deg);top:14px;left:10px}.side-right{position:absolute;background-color:#ec4016;width:19px;height:5px;transform:skew(0,25deg);top:14px;left:-9px}.side-top{position:absolute;background-color:#fa3c1a;width:20px;height:20px;rotate:45deg;transform:skew(-20deg,-20deg)}.box-1{animation:from-left 4s infinite}.box-2{animation:from-right 4s infinite;animation-delay:1s}.box-3{animation:from-left 4s infinite;animation-delay:2s}.box-4{animation:from-right 4s infinite;animation-delay:3s}@keyframes from-left{0%{z-index:20;opacity:0;translate:-20px -6px}20%{z-index:10;opacity:1;translate:0px 0px}40%{z-index:9;translate:0px 4px}60%{z-index:8;translate:0px 8px}80%{z-index:7;opacity:1;translate:0px 12px}to{z-index:5;translate:0px 30px;opacity:0}}@keyframes from-right{0%{z-index:20;opacity:0;translate:20px -6px}20%{z-index:10;opacity:1;translate:0px 0px}40%{z-index:9;translate:0px 4px}60%{z-index:8;translate:0px 8px}80%{z-index:7;opacity:1;translate:0px 12px}to{z-index:5;translate:0px 30px;opacity:0}}@media (max-width: 1048px){.links a{font-size:.8rem;padding:.65rem .7rem}.links a.active{font-size:1rem;padding:.7rem 1.7rem;margin-left:.6rem}.links video{display:unset;position:absolute;width:100%;height:100%;object-fit:cover;filter:grayscale(10%);top:0;right:0;bottom:0;left:0}.links ul a{font-weight:90px;z-index:2;white-space:nowrap;color:#fff}.red-blur-overlay{position:absolute;top:-3%;left:0%;width:100%;height:110%;background-color:#c92d2d99;pointer-events:none}}@media (max-width: 830px){.navbarr{display:unset}.hamburger-menu{display:flex}.nav_container{z-index:unset}.links{position:fixed;width:100%;height:100vh;top:0;right:0;background-color:#050505;display:flex;align-items:center;justify-content:center;text-align:center;transform:translate(100%);transition:.5s;margin-top:unset;z-index:101;padding:0;border-radius:unset}.img-content{width:12rem}.links ul{flex-direction:column}.links a{color:var(--light-one)}.links a.active{margin-left:0;margin:.5rem 0}.links a.active_nav{background-color:var(--light-one);color:#19223a;border-radius:2rem;font-size:16px;padding:.7rem 1.5rem;margin-left:unset}.links a.active_nav:hover{opacity:.8;color:#19223a}}@media (max-width:430px){nav .nav_container{margin:0}.logo{width:150px}.card{width:250px}.live-btn{padding:.6rem 2.7rem;margin-right:.5rem}.text-pro{font-size:17px}.card-text{font-size:15px}.line{width:100%;height:4px;margin:1rem 0}.logo-exp,.full-card .dce{width:12rem}.experience .title-pro{font-size:51px}.achievements .title-pro{font-size:43px}.links ul a{font-weight:400;font-size:16px}.container{position:relative;background-color:#f06161;color:#fff;width:220px;padding:1rem;border-radius:12px;box-shadow:10px 10px #e63333}.text{text-align:center;font-weight:400;font-style:normal;font-size:unset}.bold{font-weight:700}.big-txt{font-size:31px}.mg-up-1rem{margin-top:.2rem}.btn{padding:.7rem 2.1rem;background-color:#fff;color:red;text-align:center;position:absolute;top:91%;left:25%;border-radius:.5rem;font-size:12px;cursor:pointer}.popup{font-size:12px}.projects-content{padding:unset}.screen-content{margin-bottom:2rem}}.display-none{display:none}.lines-background{background:#f40c3f}a-waves{--x: -.5rem;--y: 50%;position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden}a-waves:before{position:absolute;top:0;left:0;width:.5rem;height:.5rem;background:#160000;border-radius:50%;transform:translate3d(calc(var(--x) - 50%),calc(var(--y) - 50%),0);will-change:transform;content:""}a-waves svg{display:block;width:100%;height:100%}a-waves svg path{fill:none;stroke:#160000;stroke-width:1px}