.navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{height:6rem;object-fit:cover;width:6rem}.desktopMenuListItem{cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;display:flex;justify-content:center;padding:0 1rem}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.mobMenu{display:none;height:1.8rem;object-fit:cover}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.listItem{background:#1e1e1e;color:#fff;margin:.25rem;padding:.5rem 3rem}@media screen and (max-width:720px){.desktopMenuImg{display:none}.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}#intro{height:calc(100vh - 4rem);margin:0 auto;max-width:75rem;overflow:hidden;position:relative;width:100vw}.bg{height:85vh;object-fit:cover;position:absolute;right:-1em;top:-1rem;transform:rotate(-1.5deg);z-index:-1}.intoContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background:#fff;border:none;border-radius:2rem;margin:1rem 0;padding:.75rem 1.5rem}.btnimg{height:1rem;margin:0 .25rem;object-fit:cover}@media screen and (max-width:480px){.bg{right:-20vw}.intoContent{font-size:6vw}}.Btn{border-radius:10%;height:50vh;margin-top:1rem;width:50%}.tooltip{background-color:#ebe6e6;margin-left:2rem;padding:5px 1px}.tooltip:before{right:15%}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.skillTitle{font-size:3rem;font-weight:600;margin-bottom:2.5rem;padding-top:3rem}.skillDesc{font-size:1rem;font-weight:400;max-width:51rem;padding:0 2rem 3rem}.skillBars{margin:-.2rem;max-width:85%;text-align:left;width:100vw}.skillBar{background:#323232;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.skillBarImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.skillBarText>p{font-size:.9rem;font-weight:200}@media screen and (max-width:480px){.skillBarText>p{font-size:3vw;width:50%}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText>h2{font-size:5vw}}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.workstitle{font-size:3rem;margin:1rem 0}.worksDesc{font-size:1rem;font-weight:300;max-width:45rem}.worksImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:65rem;width:100vw}.worksImg{height:20rem;margin:.5rem;object-fit:cover}.worksBtn{background:#fff;border:none;border-radius:2rem;font-size:1rem;margin:3rem 0;padding:.5rem 2.5rem}@media screen and (max-width:585px){.worksImg{height:50vw}}#contactPage{align-items:center;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center;width:100vw}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactPageTitle{font-size:3rem;margin-bottom:1rem;padding-top:2rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:#282828;border:none;border-radius:0.5rem;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.submitBtn{background:#fff;border:none;border-radius:.5rem;margin:2rem;padding:.75rem 3.5rem}.links{display:flex;flex-wrap:wrap}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.footer{background:#282828;font-size:small;font-weight:300;height:4rem;width:100vw}.footer,.whatsapp-icon{align-items:center;display:flex;justify-content:center}.whatsapp-icon{background-color:#25d366;border-radius:50%;bottom:10px;box-shadow:0 2px 10px #0000004d;color:#fff;padding:10px;position:fixed;right:20px;text-decoration:none;z-index:1000}.container{height:100vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.container .slide .item{background-position:50% 50%;background-size:cover;border-radius:20px;box-shadow:0 30px 50px #505050;display:inline-block;height:300px;position:absolute;top:50%;transform:translateY(-50%);transition:.5s;width:200px}.slide .item:first-child,.slide .item:nth-child(2){border-radius:0;height:100%;left:0;top:0;transform:translate(0);width:100%}.slide .item:nth-child(3){left:50%}.slide .item:nth-child(4){left:calc(50% + 220px)}.slide .item:nth-child(5){left:calc(50% + 440px)}.slide .item:nth-child(n+6){left:calc(50% + 660px);opacity:0}.butt_on{align-items:center;background-color:var(--clr);border-radius:10rem;color:#fff;display:inline-flex;font-weight:600;gap:.75rem;line-height:1;overflow:hidden;padding:.75rem 1.5rem .75rem 20px;text-decoration:none;text-overflow:ellipsis;transition:background-color .3s;white-space:nowrap}.butt_on-wrapper{background-color:#fff;border-radius:50%;color:var(--clr);display:grid;flex-shrink:0;height:25px;overflow:hidden;place-items:center;position:relative;width:25px}.btn_see{color:#fff;text-align:left}.button:hover .button__icon-wrapper{color:#000}.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.button:hover .button__icon-svg:first-child{transform:translate(150%,-150%);transition:transform .3s ease-in-out}.button:hover .button__icon-svg--copy{transform:translate(0);transition:transform .3s ease-in-out .1s}.content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:0 30px;width:50%}.item .content{color:#fff9fd;display:none;font-family:system-ui;left:100px;position:absolute;text-align:left;top:50%;transform:translateY(-50%);width:300px}.slide .item:nth-child(2) .content{display:block}.content .name_gallery{animation:animate 1s ease-in-out 1 forwards;color:#fcfdff;font-size:40px;font-weight:700;opacity:0;text-transform:uppercase}.content .des{animation:animate 1s ease-in-out .3s 1 forwards;margin-bottom:20px;margin-top:10px;opacity:0}.content button{animation:animate 1s ease-in-out .6s 1 forwards;border:none;cursor:pointer;opacity:0;padding:10px 20px}@keyframes animate{0%{filter:blur(33px);opacity:0;transform:translateY(100px)}to{filter:blur(0);opacity:1;transform:translate(0)}}.button{bottom:20px;position:absolute;text-align:center;width:100%}.button button{border:1px solid #000;border-radius:8px;cursor:pointer;height:35px;margin:0 5px;transition:.3s;width:40px}.button button:hover{background:#1b1818;color:#fff}.buton{align-items:center;background-color:#eeeeee4b;background:#fff;border:none;border-radius:3px;cursor:pointer;display:flex;height:3em;justify-content:center;letter-spacing:1px;position:absolute;top:-100%;transition:all .2s linear;width:100px}.buton>svg{font-size:20px;margin-left:5px;margin-right:5px;transition:all .4s ease-in}.buton:hover>svg{font-size:1.2em;transform:translateX(-5px)}.buton:hover{box-shadow:9px 9px 33px #d1d1d1,-9px -9px 33px #fff;transform:translateY(-2px)}.cssbuttons-io-button{align-items:center;background:#fff;border:none;border-radius:.9em;box-shadow:inset 0 0 1.6em -.6em #150f1d;color:#000;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;height:2.8em;letter-spacing:.05em;margin-top:.9rem;overflow:hidden;padding:.35em 3.3em .35em 1.2em;position:relative}.cssbuttons-io-button .icon{align-items:center;background:#fff;border-radius:.7em;box-shadow:.1em .1em .6em .2em #1a1620;display:flex;height:2.2em;justify-content:center;margin-left:1em;position:absolute;right:.3em;transition:all .3s;width:2.2em}.cssbuttons-io-button:hover .icon{width:calc(100% - .6em)}.cssbuttons-io-button .icon svg{color:#201d25;transition:transform .3s;width:1.1em}.cssbuttons-io-button:hover .icon svg{transform:translateX(.1em)}.cssbuttons-io-button:active .icon{transform:scale(.95)}.Btn{align-items:center;background-color:#1b1b1b;border:none;border-radius:50%;box-shadow:2px 2px 10px #0000001c;cursor:pointer;display:flex;flex-direction:column;height:50px;justify-content:center;position:relative;transition-duration:.3s;width:50px}.svgIcon{fill:#d6b2ff}.icon2{border-bottom:2px solid #b68fff;border-left:2px solid #b68fff;border-right:2px solid #b68fff;height:5px;width:18px}.tooltip{align-items:center;border-radius:5px;color:#fff;display:flex;justify-content:center;letter-spacing:.5px;opacity:0;padding:5px 10px;pointer-events:none;right:-105px;transition-duration:.2s}.tooltip,.tooltip:before{background-color:#0c0c0c;position:absolute}.tooltip:before{background-position:50%;background-size:1000%;content:"";height:10px;left:-5%;transform:rotate(45deg);transition-duration:.3s;width:10px}.Btn:hover .tooltip{opacity:1;transition-duration:.3s}.Btn:hover{background-color:#965eff;transition-duration:.3s}.Btn:hover .icon2{border-bottom:2px solid #ebebeb;border-left:2px solid #ebebeb;border-right:2px solid #ebebeb}.Btn:hover .svgIcon{fill:#fff;animation:slide-in-top .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.1621d9f1.css.map*/