@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Nunito,sans-serif}html{scroll-behavior:smooth}body{background-color:#002733}img{width:100%;-o-object-fit:cover;object-fit:cover;height:100%}.main{padding-top:50px;background-color:#001925;padding-bottom:50px}.main .container{position:relative}.main .container .nav-container{position:relative;display:flex;justify-content:space-between;align-items:center;max-width:80%}.main .container .nav-container .logo{font-weight:500;font-size:30px;text-transform:uppercase;color:#fff}.main .container .nav-container .links-container a{text-decoration:none;color:#87a4b6;font-weight:800;margin:0 30px;transition:all .2s ease-out;display:inline-block}.main .container .nav-container .links-container a:hover{color:#ff7a01;transform:scale(1.5)}.main .container .social-media-links-container{height:380px;width:100px;position:absolute;right:0;top:0}.main .container .social-media-links-container .icons-cotainer{width:100%;height:275px;background-color:#002733;padding-top:1px}.main .container .social-media-links-container .icons-cotainer img{display:block;margin:40px auto;height:20px;width:20px;transition:transform .2s ease-out}.main .container .social-media-links-container .icons-cotainer img:hover{filter:invert(56%) sepia(42%) saturate(4795%) hue-rotate(360deg) brightness(103%) contrast(105%);transform:scale(1.5)}.main .container .social-media-links-container .follow-me{position:absolute;bottom:0;writing-mode:vertical-rl;left:50%;transform:translate(-50%);padding:40px 0;background-color:#ff7a01}.showcase-container{display:flex;max-width:80%;justify-content:space-between;align-items:center}.showcase-container .showcase-image{flex-basis:50%;height:500px}.showcase-container .showcase-image img{-o-object-fit:contain;object-fit:contain}.showcase-container .showcase-image model-viewer{width:90%;height:100%}.showcase-container .showcase-text{flex-basis:40%;color:#fff;font-size:25px;max-width:480px;font-size:22px}.showcase-container .showcase-text .download-resume{margin-top:50px;background:#ff7a01;color:#001925;display:inline-block;padding:20px 30px;font-size:15px;font-weight:900;text-align:center;border-left:5px solid #013747;transition:all .2s ease-in-out;text-transform:uppercase;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);animation:hithere 3s infinite}.showcase-container .showcase-text .download-resume:hover{color:#ff7a01;background:#013747;border-left:10px solid #FF7A01}@keyframes hithere{50%{transform:scale(1)}55%{transform:scale(1.2)}60%{transform:rotate(-5deg) scale(1.2)}65%{transform:rotate(5deg) scale(1.2)}70%{transform:rotate(0) scale(1.2)}80%{transform:scale(1)}}@media(max-width:960px){.showcase-container{padding:50px 0;max-width:100%}.showcase-container .showcase-text{flex-basis:45%}}@media(max-width:800px){.showcase-container{max-width:100%}.showcase-container .showcase-text{font-size:20px}}@media(max-width:680px){.showcase-container{display:block;padding:0 0 50px}.showcase-container .showcase-image{margin:auto;width:100%;height:300px}.showcase-container .showcase-text{margin:auto;font-size:20px;text-align:center}}@media(max-width:960px){.main .container .nav-container{max-width:100%}.main .container .nav-container .links-container a{margin:10px}.main .container .social-media-links-container{z-index:999;overflow:hidden;position:fixed;bottom:0;right:0;top:unset;height:auto;width:auto;border-top-left-radius:25px;box-shadow:#ff5e00e6 0 0 10px}.main .container .social-media-links-container .icons-cotainer{display:flex;gap:15px;height:auto;background-color:#ff7a01;padding:0 25px}.main .container .social-media-links-container .icons-cotainer img{margin:10px auto;height:25px;width:25px;filter:invert(1);filter:brightness(0)}.main .container .social-media-links-container .follow-me{display:none}}@media(max-width:680px){.main{padding-top:20px}.main .container .nav-container{position:static}.main .container .nav-container .logo{font-size:20px}.main .container .nav-container .links-container{z-index:99;display:flex;flex-direction:column;gap:50px;position:fixed;top:30px;right:5px}.main .container .nav-container .links-container a{writing-mode:vertical-rl;margin:0}}.mail-button1{background-color:#ff7a01;position:absolute;bottom:-75px;right:15px;border:10px solid #001925}@media(max-width:700px){.mail-button1{right:25px}}.mail-button1:hover{background-color:#001925}.mail-button1:hover img{filter:invert(56%) sepia(42%) saturate(4795%) hue-rotate(360deg) brightness(103%) contrast(105%);transform:scale(1.5)}.about-me{padding:50px 0}.about-me .about-me-container .about-me-title{font-size:55px;color:#87a4b6;font-weight:700;line-height:1}.about-me-flex-container{margin-top:-25px;margin-left:150px;left:100px;display:flex;justify-content:space-between}.about-me-flex-container .about-me-image{position:relative;width:400px;height:400px;transition:all .5s ease-in-out}.about-me-flex-container .about-me-image .black-image{z-index:-2;position:absolute;left:20px;bottom:20px;height:100%}.about-me-flex-container .about-me-image .main-image{width:70%;height:70%;overflow:hidden;position:absolute;left:23%;top:5%;box-shadow:#000 0 7px 50px;transition:all .4s ease-out;transform-origin:top left;-webkit-clip-path:polygon(0 1px,1px 0,100% 0,100% calc(100% - 1px),calc(100% - 1px) 100%,0 100%);clip-path:polygon(0 1px,1px 0,100% 0,100% calc(100% - 1px),calc(100% - 1px) 100%,0 100%)}.about-me-flex-container .about-me-image .main-image:hover{-webkit-clip-path:polygon(0 50px,50px 0,100% 0,100% calc(100% - 50px),calc(100% - 50px) 100%,0 100%);clip-path:polygon(0 50px,50px 0,100% 0,100% calc(100% - 50px),calc(100% - 50px) 100%,0 100%);transform:scale(1.2)}.about-me-flex-container .about-me-image .main-image:hover img{transform:scale(1)}.about-me-flex-container .about-me-image .main-image img{transform-origin:center center;transform:scale(1.4);-o-object-fit:cover;object-fit:cover;transition:all .4s ease-out}.about-me-flex-container .about-me-content .logo img{filter:drop-shadow(0 10px 10px rgba(0,0,0,.637))}.skills{padding:80px 0}@media(max-width:700px){.skills{padding:40px 0}}.skills .title-skills{font-size:55px;color:#87a4b6;font-weight:700;padding-bottom:50px}@media(max-width:500px){.skills .title-skills{font-size:30px}}.skills .skills-flex-container{display:flex;flex-wrap:wrap;gap:50px;width:100%}@media(max-width:700px){.skills .skills-flex-container{gap:30px}}.skills .skills-flex-container .box{flex:1 1 15%;background:#001925;box-shadow:#00000080 0 0 24px;padding:25px;text-align:center;border:10px solid #013747;transition:all .3s ease-in}.skills .skills-flex-container .box .image{transition:all .3s ease-in-out .1s}.skills .skills-flex-container .box .image img{max-width:75px;-o-object-fit:contain;object-fit:contain}.skills .skills-flex-container .box .title{margin-top:15px;text-align:center;font-weight:700;color:#fff;transition:all .3s ease-in-out}.skills .skills-flex-container .box:hover{box-shadow:#00000080 20px 20px 30px;transform:scale(1.1)}.skills .skills-flex-container .box:hover .image{transform:scale(1.5) translateY(-20px)}.skills .skills-flex-container .box:hover .image img{animation:bouncing .5s .3s}.skills .skills-flex-container .box:hover .title{letter-spacing:2px}@media(max-width:1100px){.skills .skills-flex-container .box{flex:1 0 25%}}@media(max-width:630px){.skills .skills-flex-container .box{flex:1 0 35%;padding:15px}.skills .skills-flex-container .box .image img{max-width:50px}}@keyframes bouncing{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}.testimonials{margin-top:100px;margin-bottom:100px}.testimonials .testimonials-title{font-size:55px;color:#87a4b6;font-weight:700;padding-bottom:50px}@media(max-width:500px){.testimonials .testimonials-title{font-size:30px}}.testimonials .flex-container-outer{margin-top:-30px;display:flex;width:100%;gap:50px;align-items:flex-start}@media(max-width:1000px){.testimonials .flex-container-outer{flex-wrap:wrap}.testimonials .flex-container-outer .box{width:100%}.testimonials .flex-container-outer .box2{margin-top:unset}}.testimonials .box2{margin-top:80px}.testimonials .box{width:60%;background:#001925;border-left:5px solid #FF7A01}.testimonials .box .title{width:100%;display:block;text-align:center;padding:20px 0;font-size:30px;color:#ff7a01;font-weight:900}.testimonials .box .flex-container-testimonials{display:flex;justify-content:space-between;gap:50px}@media(max-width:600px){.testimonials .box .flex-container-testimonials{flex-direction:column;align-items:center}}.testimonials .box .flex-container-testimonials .image-container{flex-basis:20%;height:150px;-webkit-clip-path:polygon(20px 0,100% 0,100% 70%,0% 100%,0% 20px);clip-path:polygon(20px 0,100% 0,100% 70%,0% 100%,0% 20px);margin-left:50px;background-color:#87a4b6;overflow:hidden;transform-origin:center top;transition:all .2s ease-in-out}.testimonials .box .flex-container-testimonials .image-container:hover{-webkit-clip-path:polygon(0px 0,100% 0,100% 100%,0% 100%,0% 0px);clip-path:polygon(0px 0,100% 0,100% 100%,0% 100%,0% 0px);transform:scale(1.2);border-radius:10px}@media(max-width:600px){.testimonials .box .flex-container-testimonials .image-container{width:70%;margin-left:0}}.testimonials .box .flex-container-testimonials .image-container img{-o-object-position:center top;object-position:center top;transform:scale(1);transform-origin:top center}.testimonials .box .flex-container-testimonials .content{background-color:#013747;flex-basis:65%;padding:20px 50px 40px;-webkit-clip-path:polygon(0% 20px,20px 0%,100% 0,100% 100%,0 100%);clip-path:polygon(0% 20px,20px 0%,100% 0,100% 100%,0 100%)}.testimonials .box .flex-container-testimonials .content .name{font-size:20px;font-weight:900;color:#fff;margin-bottom:20px;text-align:center}.testimonials .box .flex-container-testimonials .content .text{color:#87a4b6;position:relative}.testimonials .box .flex-container-testimonials .content .text:before{content:"''";position:absolute;top:-25px;left:-25px;font-size:50px}.testimonials .box .flex-container-testimonials .content .text:after{content:"''";position:absolute;right:-10px;bottom:-50px;font-size:50px}.mywork{padding-top:50px;padding-bottom:50px}.mywork .title-mywork{font-size:55px;color:#87a4b6;font-weight:700}@media(min-width:961px){.whatsapp-icon{background:#87a4b6;border-radius:4px;padding:1px}}@media(max-width:500px){.mywork .title-mywork{font-size:30px}}.mywork .logo{width:100%;margin:20px 0}.mywork .logo img{display:block;width:150px;margin:0 auto}@media(max-width:500px){.mywork .logo img{width:80px}}.front-end{display:flex;flex-wrap:wrap;gap:50px;margin-bottom:100px}.front-end h1{color:#001925;text-align:center;font-size:50px;margin:-40px 0}@media(max-width:1000px){.front-end h1{margin:0;font-size:30px}}.front-end .box{flex:1 1 40%;border:10px solid #013747}@media(max-width:1000px){.front-end .box{flex:1 1 100%}}.front-end .box2{flex-basis:20%}.xd .xd-logo{width:100%;margin:20px 0}.xd .xd-logo img{display:block;width:150px;margin:0 auto}@media(max-width:500px){.xd .xd-logo img{width:80px}}.xd-images-container{width:100%;display:grid;gap:10px;justify-items:stretch;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:2/3}@media(max-width:700px){.xd-images-container{gap:5px}}.xd-images-container .image-container{position:relative;overflow:hidden;border:10px solid #013747}@media(max-width:700px){.xd-images-container .image-container{border:5px solid #013747}}.xd-images-container .image-container img{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover}.xd-images-container .image-container .overlay{z-index:1;position:absolute;height:100%;width:100%;padding-top:0px 25px;text-align:center;background-color:#ff7c01c1;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:800;font-size:20px;transform:scale(2);opacity:0;transition:all .2s ease-out}@media(max-width:700px){.xd-images-container .image-container .overlay{font-size:unset}}.xd-images-container .image-container .overlay:hover{opacity:1;transform:scale(1)}.xd-images-container .image1{grid-area:1/1/2/8}.xd-images-container .image2{grid-area:1/8/2/13}.xd-images-container .image3{grid-column:1/-1}.xd-images-container .image4{grid-area:3/1/4/7}.xd-images-container .image4 img{-o-object-position:right 0%;object-position:right 0%}.xd-images-container .image5{grid-area:3/7/-1/-1}.photoshop-image-container .image-container{position:relative;border:10px solid #013747;box-sizing:unset}@media(max-width:700px){.photoshop-image-container .image-container{border:5px solid #013747}}.photoshop-image-container .image-container:hover .overlay{width:100%}.photoshop-image-container .image-container img{position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.photoshop-image-container .image-container .overlay{position:absolute;top:0;left:0;height:100%;width:0%;transition:all .5s ease-out}.photoshop-image-container .image-container .overlay img{height:100%;width:100%;-o-object-position:0;object-position:0;-o-object-fit:cover;object-fit:cover}.photoshop-image-container .row1{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px;margin-bottom:20px}.photoshop-image-container .row1>*{max-width:400px;min-width:300px;flex-basis:30%;aspect-ratio:4/5}.photoshop-image-container .row2{width:100%;margin-bottom:20px}.photoshop-image-container .row2 .image-container{max-width:800px;aspect-ratio:4/3;margin:0 auto}.photoshop-image-container .row3{width:100%;margin-bottom:20px}.photoshop-image-container .row3 .image-container{max-width:100%;aspect-ratio:16/9;margin:0 auto}.footer{background-color:#001925}.footer .footer-container{display:flex;justify-content:space-between;align-items:center;padding:50px 0}.footer .footer-container .logo-footer{width:100px;-o-object-fit:contain;object-fit:contain}@media(max-width:680px){.footer .footer-container .logo-footer{width:75px}}.footer .footer-container .footer-social-media-links{display:flex;gap:50px}@media(max-width:680px){.footer .footer-container .footer-social-media-links{gap:10px}}.footer .footer-container .footer-social-media-links a{display:flex}.footer .footer-container .footer-social-media-links a img{-o-object-fit:contain;object-fit:contain;height:20px;transition:transform .2s ease-out}.footer .footer-container .footer-social-media-links a img:hover{transform:scale(1.5);filter:invert(56%) sepia(42%) saturate(4795%) hue-rotate(360deg) brightness(103%) contrast(105%)}.footer .footer-container .footer-nav-links a{display:block;padding:5px 0;text-align:right;text-decoration:none;color:#87a4b6;transition:transform .2s ease-out;transform-origin:right center}.footer .footer-container .footer-nav-links a:hover{color:#ff7a01;transform:scale(1.5)}.form-container-main{min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;padding:30px 0}.form-container{width:50%;background-color:#001925;padding:30px 30px 30px 0;display:flex;border-left:5px solid #FF7A01;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}@media(max-width:1100px){.form-container{width:80%}}@media(max-width:800px){.form-container{display:block;padding:30px;width:90%}.form-container .form-image{height:300px}}.form-container .form-image{flex-basis:50%}.form-container .form-image h1{margin-left:30px;color:#fff;font-weight:800}@media(max-width:800px){.form-container .form-image h1{margin-left:0}}.form-container .form-image model-viewer{height:100%;width:100%;z-index:-99}.form-container .form{flex-basis:50%}.form-container .form input{color:#87a4b6;width:100%;background-color:#002733;border:none;outline:none;padding:10px;margin-bottom:20px;font-weight:700;transition:all .2s ease-in-out;border-left:1px solid transparent}.form-container .form input:focus{border-left:5px solid #FF7A01}.form-container .form textarea{width:100%;padding:10px;border:none;outline:none;background-color:#013747;color:#ff7a01;font-weight:700;resize:none;max-height:150px;margin-bottom:20px;border-left:1px solid transparent;transition:all .2s ease-in-out}.form-container .form textarea:focus{border-left:5px solid #FF7A01}.form-container .form .button-container{display:flex;gap:10px}.form-container .form .button-container .send-button{flex-basis:70%;background:#ff7a01;padding:10px;color:#001925;text-align:center;font-weight:700;border:1px solid transparent;transition:all .2s ease-in-out}.form-container .form .button-container .send-button:hover{background:transparent;border:1px solid #FF7A01;color:#ff7a01}.form-container .form .button-container .reset-button-container{filter:drop-shadow(1px 1px 0px #FF7A01);flex-basis:30%}.form-container .form .button-container .reset-button-container .reset-button{position:relative;text-align:center;padding:10px;color:#ff7a01;font-weight:700;background:#001925;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:all .2s ease-in-out}.form-container .form .button-container .reset-button-container .reset-button:hover{background:#ff7a01;color:#001925}#loader{display:flex;height:100dvh;width:100%;justify-content:center;align-items:center}#loader img{width:100px;-o-object-fit:contain;object-fit:contain}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#001925}::-webkit-scrollbar-thumb{background:#013747}::-webkit-scrollbar-thumb:hover{background:#ff7c01c1}.orange{color:#ff7a01}.montserrat{font-family:Montserrat,sans-serif}img{width:100%;-o-object-fit:cover;object-fit:cover}.container{max-width:1300px;margin:0 auto;padding:0 40px}@media(min-width:1200px)and (max-width:1441px){.container{max-width:1250px;padding:0 36px}}@media(max-width:767px){.container{padding:0 30px}}@media(max-width:479px){.container{padding:0 30px 0 20px}}.about-me{padding-top:50px;padding-bottom:50px}.about-me .about-me-container{position:relative}@media(max-width:960px){.about-me .about-me-container{padding-bottom:100px}}.about-me .about-me-container .about-me-title{font-size:55px;color:#87a4b6;font-weight:700}@media(max-width:500px){.about-me .about-me-container .about-me-title{font-size:30px}}.about-me-flex-container{margin-top:11px;margin-left:150px;left:100px;display:flex;justify-content:space-between}@media(max-width:960px){.about-me-flex-container{flex-direction:column;justify-content:center;align-items:center;margin-left:0;gap:50px}}@media(max-width:500px){.about-me-flex-container{margin-top:-10px}}.about-me-flex-container .about-me-image{position:relative;width:400px;height:400px}@media(max-width:500px){.about-me-flex-container .about-me-image{width:300px;height:300px}}.about-me-flex-container .about-me-image .back-div{position:absolute;bottom:0;z-index:-3;background-color:#013747;width:80%;height:80%}.about-me-flex-container .about-me-image .black-image{z-index:-2;position:absolute;left:10px;bottom:10px;height:100%}.about-me-flex-container .about-me-image .black-image img{height:100%}.about-me-flex-container .about-me-image .main-image{width:70%;height:70%;overflow:hidden;position:absolute;left:25%;top:5%;box-shadow:#000 0 7px 50px;transition:all .2s ease-out}.about-me-flex-container .about-me-image .main-image:hover{transform-origin:top center;transform:scale(1.5);border-radius:25px}.about-me-flex-container .about-me-image .main-image img:hover{transform:scale(1)}.about-me-flex-container .about-me-content{display:flex;flex-direction:column;align-items:center;gap:50px;flex:0 0 40%}@media(max-width:960px){.about-me-flex-container .about-me-content{flex-direction:row-reverse}}.about-me-flex-container .about-me-content .logo{max-width:200px}.about-me-flex-container .about-me-content .logo img{filter:drop-shadow(0 0 25px rgb(0,0,0))}@media(max-width:500px){.about-me-flex-container .about-me-content .logo img{transform:rotate(90deg)}}.about-me-flex-container .about-me-content .text{color:#87a4b6;font-weight:600;font-size:18px}@media(max-width:500px){.about-me-flex-container .about-me-content .text{font-size:16px}}.mail-button{display:flex;height:80px;width:80px;border-radius:50%;padding:15px;justify-content:center;align-items:center;transition:all .2s ease-out}.mail-button a{display:flex}.mail-button img{-o-object-fit:contain;object-fit:contain;transition:all .2s ease-out}.mail-button2{background-color:#001925;position:absolute;bottom:0;left:0;border:10px solid #001925}.mail-button2 img{filter:invert(56%) sepia(42%) saturate(4795%) hue-rotate(360deg) brightness(103%) contrast(105%)}.mail-button2:hover{background-color:#ff7a01;border:10px solid #FF7A01}.mail-button2:hover img{filter:unset;transform:scale(1.5)}.portfolio-link{display:flex;justify-content:center;flex-wrap:wrap}.portfolio-link a{text-decoration:none;color:#fff;padding:10px;margin:10px;border-radius:5px}.profile-title{font-size:38px}#loader{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999}#loader img{width:120px;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.7}}