*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--blueish-purple:#6f5ffe;--dark-blue:#272f3d;--grey:#f0eeea;--dark-grey:#d9d9d9;--dark-black:#1f242d;--orange:#e7ac67}body{font-family:Poppins,sans-serif;height:100vh;width:100%}body,html{scroll-behavior:smooth}#root{height:100%}.About{background-color:var(--dark-blue);color:#fff;height:100vh;padding-top:180px;text-align:center}.About .text-con{align-items:center;align-self:flex-start;display:flex;flex-direction:column;gap:20px;padding:0 1em}.About .about_intro{font-size:1.5rem}.About .about_intro span{color:var(--blueish-purple);font-weight:700}.About .about_intro .point{color:#fff;font-weight:700}.About .about_title{font-size:3rem;line-height:3rem;text-transform:capitalize}.About .about_description{padding:0 3em}.About .about-btn{background-color:var(--blueish-purple);border-radius:30px;color:#fff;font-size:1.2rem;font-weight:700;padding:.5em 2em;text-decoration:none}.About .img-cont{align-items:center;display:flex}.About .grey-circle{position:relative;right:50px;top:150px}.About .blue-circle-about,.About .grey-circle-about,.About .orange-circle-about-no-tail,.About .visual-side{display:none}@media (max-width:375px){.About{padding-top:150px}.About .about_intro{font-size:1rem}.About .about_title{font-size:2rem;line-height:2.5rem;text-transform:capitalize}.About .about_description{font-size:.8rem;padding:0 3em}.About .about-btn{font-size:.8rem}.About .orange-circle{bottom:80px;position:relative}.About .grey-circle{top:40px}}@media (max-width:390px){.About .about_intro{font-size:1.3rem}.About .about_title{font-size:2rem;line-height:2rem}}@media (max-width:360px){.About .grey-circle{position:relative;right:50px;top:120px}}@media (min-width:768px) and (max-width:1024px){.About{padding-top:100px}.About .about_content{align-items:center;display:flex;gap:4em;padding:2em}.About .text-con{align-items:start;gap:2em;padding:0}.About .text-con>*{text-align:start}.About .about_description{padding:0}.About .profile-image-con{align-items:center;background:var(--dark-black);border-radius:50%;display:flex;flex-shrink:0;height:250px;justify-content:center;outline:1px solid #fff;outline-offset:15px;width:250px}.About .profile-image-con img{height:80%;width:80%}}@media (min-width:1024px){.About{padding:5rem 10rem;position:relative}.About .blue-circle{display:block}.About .grey-circle,.About .orange-circle{display:none}.About .blue-circle-about{align-self:flex-end;bottom:20px;display:block;left:160px;position:relative}.About .grey-circle-about{bottom:0;display:block;left:400px;position:absolute;width:calc(14vw - 40px)}.About .orange-circle-about-no-tail{background-color:#fff;border-radius:50%;display:block;height:40px;width:40px;z-index:50}.About .about_title{font-size:5.2vw;line-height:5vw}.About .about_content{align-items:center;display:flex;gap:8em;justify-content:center;padding-right:em}.About .text-con{align-items:start;gap:2em;justify-content:start;padding:0}.About .text-con>*{text-align:start}.About .about_description{padding:0 10rem 0 0}.About .profile-image-con{background:var(--dark-black);border-radius:50%;flex-shrink:0;height:500px;justify-content:center;outline:1px solid #fff;outline-offset:25px;width:500px}.About .visual-side{display:flex;flex-direction:column}.About .profile-image-con img{bottom:1.5em;height:100%;position:relative;width:100%}.About .my-project-btn-cont{align-items:center;display:flex;justify-content:space-between;margin-top:3em;width:100%}}.Contact{align-items:center;background-color:var(--dark-blue);display:flex;flex-direction:column;gap:2em;height:100vh;overflow:hidden;position:relative}.Contact .contact_title{color:#fff;font-size:2.5rem;padding-top:50px;text-transform:uppercase}.Contact .communication-hub{align-items:center;display:flex;flex-direction:column;gap:2em;justify-content:center;width:100%}.Contact .communication-hub form{align-items:flex-start;background-color:var(--dark-grey);border-radius:20px;display:flex;flex-direction:column;gap:2em;padding:2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:80%}.Contact .communication-hub form input,.Contact .communication-hub form textarea{border:none;border-radius:10px;color:var(--grey);font-family:Poppins,sans-serif;font-size:20px;padding:1em;width:100%}.Contact .communication-hub form textarea{height:200px}.Contact .communication-hub .send-btn{background-color:var(--blueish-purple);border:none;border-radius:5px;color:#fff;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;justify-self:flex-start;text-transform:uppercase;width:50%}.Contact .communication-hub .send-btn:hover{background:#fff;color:var(--blueish-purple);cursor:pointer}.popup-message{background-color:#000c;border-radius:10px;color:#fff;left:50%;padding:1em 2em;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.popup-message p{font-size:1.2rem;text-align:center}.Contact .communication-hub form input::placeholder,.Contact .communication-hub form textarea::placeholder{color:#c3c3c3;font-weight:700}.Contact .communication-hub .social-icons-container{align-items:center;color:#fff;color:var(--grey);display:flex;font-size:3em;gap:1em}.Contact .communication-hub .social-icons-container>:hover{color:var(--blueish-purple);cursor:pointer}.Contact .communication-hub .faSquareWhatsapp{background-color:var(--dark-blue)}.Contact .mobile-blue-circle{bottom:0;position:absolute;right:30px}.Contact .communication-hub .mobile-small-grey-circle{bottom:140px;left:120px;position:relative}.Contact .desktop-blue-circle,.Contact .desktop-grey-circle,.Contact .or-word,.Contact .social-icons-container .email-container p,.Contact .social-icons-container .whatsapp-container p{display:none}@media (max-width:360px){.Contact .contact_title{color:#fff;font-size:2rem;padding-top:50px;text-transform:uppercase}.Contact .communication-hub form{align-items:flex-start;background-color:var(--dark-grey);border-radius:20px;display:flex;flex-direction:column;gap:1em;padding:2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:80%}.Contact .communication-hub form textarea{height:100px}.Contact .communication-hub form input,.Contact .communication-hub form textarea{border:none;border-radius:10px;color:var(--grey);font-family:Poppins,sans-serif;font-size:10px;padding:1em;width:100%}.Contact .communication-hub .send-btn{font-size:10px}}@media (min-width:361px) and (max-width:375px){.Contact .contact_title{color:#fff;font-size:1.6rem;padding-top:50px;text-transform:uppercase}.Contact .communication-hub form input,.Contact .communication-hub form textarea{border:none;border-radius:10px;color:var(--grey);font-family:Poppins,sans-serif;font-size:10px;padding:1em;width:100%}.Contact .communication-hub form{gap:1em}.Contact .communication-hub form textarea{height:100px}.Contact .communication-hub .send-btn{font-size:10px}.Contact .communication-hub .social-icons-container{font-size:2em}.Contact .mobile-blue-circle{border:5px solid red;bottom:0;bottom:20px;position:relative;right:100px}.Contact .communication-hub .mobile-small-grey-circle{bottom:140px;left:120px;position:relative}}@media (min-width:380px) and (max-width:390px){.Contact .contact_title{color:#fff;font-size:2rem;padding-top:50px;text-transform:uppercase}.Contact .communication-hub form{align-items:flex-start;background-color:var(--dark-grey);border-radius:20px;display:flex;flex-direction:column;gap:2em;padding:2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:80%}.Contact .communication-hub form input,.Contact .communication-hub form textarea{border:none;border-radius:10px;color:var(--grey);font-family:Poppins,sans-serif;font-size:15px;padding:1em;width:100%}.Contact .communication-hub .send-btn{font-size:15px}}@media (min-width:1024px){.Contact{align-items:center;padding:1rem 12rem}.Contact .contact_title{align-self:self-start;position:relative}.Contact .contact_title:after{background-color:#fff;bottom:15px;content:"";display:block;height:1px;position:absolute;right:-110px;width:100px}.Contact .communication-hub{flex-direction:row-reverse;justify-content:space-between}.Contact .communication-hub .social-icons-container{align-items:flex-start;display:flex;flex-direction:column}.Contact .communication-hub form{width:30%}.Contact .social-icons-container .email-container p,.Contact .social-icons-container .whatsapp-container p{display:block;font-size:.5em}.Contact .social-icons-container .email-container,.Contact .social-icons-container .whatsapp-container{align-items:center;display:flex;flex-direction:row-reverse;gap:.3em;justify-content:flex-start}.Contact .or-word{color:var(--blueish-purple);display:block;font-size:3rem;font-weight:700;text-transform:uppercase}.Contact .mobile-blue-circle,.Contact .mobile-small-grey-circle{display:none}.Contact .desktop-grey-circle{bottom:0;left:100px;position:absolute}.Contact .communication-hub form input,.Contact .communication-hub form textarea{color:#000}.Contact .desktop-blue-circle{bottom:-50px;display:block;left:300px;position:relative;width:80%}.Contact .linkedin-container{display:flex}}.Header{align-items:center;background-color:var(--dark-blue);box-shadow:0 2px 4px #000000e6;display:flex;justify-content:space-between;padding:15px 20px;position:fixed;width:100%;z-index:20}.Header .logo{color:#fff;font-size:2rem;font-weight:700}.Header .logo span{color:var(--blueish-purple)}.hamburger-menu{cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:space-between;position:relative;width:30px;z-index:21}.hamburger-menu div{background-color:var(--blueish-purple);height:4px;transition:.4s;width:100%}.hamburger-menu.open .bar1{transform:rotate(-45deg) translate(-10px,3px)}.hamburger-menu.open .bar2{opacity:0}.hamburger-menu.open .bar3{transform:rotate(45deg) translate(-15px,-8px)}.Header .menu-open a{background:none;border:none;color:#fff;font-family:Poppins;text-decoration:none}.Header .menu-open>:hover{color:var(--blueish-purple);cursor:pointer}.Header .orange-circle{display:none}.Header .blue-circle-header{background-color:var(--blueish-purple);border-radius:50%;display:none;flex-shrink:0;height:60px;margin-right:50px;position:relative;width:60px}.Header .menu-open{display:flex;flex-direction:column;height:0;overflow:hidden;position:absolute;top:50px;transition:height .2s ease-in-out}@media (min-width:768px) and (max-width:1024px){.Header .hamburger-menu{display:none}.Header{align-items:center;box-shadow:none;justify-content:space-between;padding:1em 1em 1em 2em;width:100%;z-index:30}.Header,.Header .menu-open{background-color:var(--dark-blue);display:flex;position:relative}.Header .menu-open{color:#fff;flex-direction:row;gap:2em;height:100%!important;margin-left:3rem;padding:0 1em;top:0}}@media (min-width:1024px){.Header .blue-circle-header{display:block}.Header .orange-circle{bottom:20px;display:block;position:relative;z-index:1}.Header{background-color:var(--dark-blue);box-shadow:none;display:flex;padding:20px 80px;position:relative;width:100%;z-index:30}.Header .hamburger-menu{display:none}.Header .menu-open{background-color:var(--dark-blue);color:#fff;display:flex;flex-direction:row;height:100%!important;justify-content:space-between;margin-left:7rem;padding:0 1em;position:relative;top:0;width:70%}.Header .logo{color:#fff;font-size:3.5rem;font-weight:700}.menu-open>*{font-size:1.5rem}.Header .nav_circles{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%;z-index:90}}.MyProjects{align-items:center;background-color:var(--grey);display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;text-align:center}.MyProjects .myproject-title:after{background-color:#000;bottom:15px;content:"";display:block;height:1px;position:absolute;right:-110px;width:100px}.MyProjects .myproject-title{font-size:2.5rem;margin-bottom:1em;padding-top:50px;position:relative;text-transform:uppercase}.MyProjects .arrow{display:none}.MyProjects .projects-container{align-items:center;display:flex;flex-direction:column;gap:40px}.MyProjects .project-box{border:10px solid #fff;border-radius:38px;display:flex;height:200px;overflow:hidden;width:100%}.MyProjects .project-box:hover{cursor:pointer}.MyProjects .project-box img{height:100%;object-fit:cover;width:100%}.MyProjects .project-desc{opacity:0;position:absolute;right:50%;top:50%;transform:translateY(-50%) translateX(50%);z-index:20}.MyProjects .project-headline{color:#fff;text-transform:capitalize}.MyProjects .project-sub-head{background-color:#000;color:var(--orange);padding:0 1em;text-transform:capitalize}.MyProjects .project-box:hover .project-desc{opacity:1}.MyProjects .project-box img:hover{filter:brightness(50%)}.MyProjects .points,.MyProjects .white-circle{display:none}@media (max-width:700px){.MyProjects .myproject-title:after{display:none}}@media (min-width:1024px){.MyProjects .points,.MyProjects .white-circle{display:block;position:absolute}.MyProjects .white-circle{right:0;top:0}.MyProjects .points{bottom:-10px;right:400px}.MyProjects{justify-content:center;padding:1rem 12rem}.MyProjects .myproject-title{align-self:start;font-size:2.5rem;margin-bottom:1em;padding-top:0;text-transform:uppercase}.MyProjects .projects-container{align-items:center;display:flex;flex-direction:row;gap:60px}.MyProjects .project-box{border:5px solid var(--dark-blue);border-radius:38px;display:flex;height:662px;max-width:421px;overflow:hidden;position:relative}.MyProjects button{background-color:#c2c2c2;border:5px solid #fff;border-radius:50%;padding:1em}.MyProjects button:hover{background-color:#7c7b7b;cursor:pointer;transform:scale(1.1)}.MyProjects button:hover .arrow{color:#fff}.MyProjects .left{transform:scale(-100%)}.MyProjects .arrow{color:var(--dark-blue);display:block;font-size:4em}}.layout{display:flex;flex-direction:column;height:100%}.layout main{flex:1 1}#about,#contact,#projects{scroll-margin-top:80px}@media (min-width:768px) and (max-width:1024px){#about,#contact,#projects{scroll-margin-top:80px}}@media (min-width:1024px){#about,#contact,#projects{scroll-margin-top:0}}
/*# sourceMappingURL=main.5688a4ef.css.map*/