@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}nav{position:fixed;top:0;left:0;height:3.3rem;width:100%;display:flex;align-items:center;padding:1.7rem 3rem;transition:all .2s;z-index:1000;background:rgba(0,0,0,.02);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:0 0 10rem rgba(0,0,0,.2)}.nav-on-scroll{background:var(--navbar-bg);backdrop-filter:blur(5rem);-webkit-backdrop-filter:blur(5rem);width:96%;left:2%;top:0;border-radius:3rem}nav .menu-icon{display:none;height:2.2rem;width:2.2rem;color:var(--primary-color);cursor:pointer}nav .logo-container a{font-size:2rem;color:var(--primary-color);text-decoration:none;font-weight:700}nav .nav-items{display:flex;margin-left:auto;font-family:"Poppins",Lato,sans-serif}nav .nav-items .nav-item{display:block;color:var(--black);text-decoration:none;font-size:1.1rem;font-weight:500;padding:.7rem 1rem;height:100%;z-index:10}nav .nav-items .nav-item:after{content:"";display:block;width:0;height:.1rem;top:.75rem;transition:width .2s cubic-bezier(.6,-.28,.735,1);position:relative}nav .nav-items .active:after,nav .nav-items .active:hover:after,nav .nav-items .nav-item:hover:after{content:"";height:.15rem;display:block;width:100%;background:var(--primary-color)}.side-nav-items .btn,nav .nav-items .contact .btn{background:var(--primary-color);color:#fff;font-size:1rem;font-weight:400;border-radius:2rem;margin-top:.45rem;margin-left:.75rem;transition:all .5s}nav .toggle-dark-mode{height:2.5rem;width:2.5rem;margin-top:.4rem;margin-left:1rem;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:none;background:inherit}.side-nav-items{z-index:100;display:none;position:fixed;top:3.5rem;width:96%;margin-left:2%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--navbar-bg);height:calc(100% - 4rem)}.side-nav-items .nav-item{width:100%;padding:1.2rem 3rem;display:flex;flex-direction:column;font-size:1.2rem;text-decoration:none;color:var(--primary-color)}.side-nav-items .active{background:var(--side-navbar-bg-active);border-right:2px solid var(--primary-color)}.side-nav-items .contact{width:100%;padding:0 1.2rem}.side-nav-items .nav-item:hover{background:var(--side-navbar-bg-active)}@media (max-width:48em){nav .nav-items{display:none}nav .logo-container{margin:0 auto}nav .menu-icon{display:block}.side-nav-items{display:block;left:-70rem;transition:all .3s}.open{left:0!important;top:3.5rem}}.hero{padding:0 3rem;width:100%;margin:3.3rem auto auto;position:relative}.hero .ellipse1{right:-35%;top:-20%}.hero .ellipse1,.hero .ellipse2{position:absolute;min-width:80rem;min-height:40rem;transition:all 1s;z-index:-3}.hero .ellipse2{left:-5%;top:10%}.hero .ellipse3{position:absolute;left:-25%;top:-60%;min-width:80rem;min-height:40rem;transition:all 1s;z-index:-3}.hero .top-wave{position:absolute;left:-10%;z-index:-1;width:120%;top:-11rem;transform:rotate(-40deg)}.hero .hero-text{padding:0;display:flex;max-width:78rem;justify-content:center;text-align:center}.hero .hero-text .text-content{padding-top:2.7rem;max-width:40rem}.hero .hero-text .text-content .name{font-size:1rem;display:flex;justify-content:center;font-weight:500;grid-gap:.2rem;gap:.2rem;margin:0;transition:all 1s;cursor:default;opacity:.8;display:none}.hero .hero-text .text-content .name span{display:block;color:var(--black)}.hero .hero-text .text-content .name .name-line{height:.1rem;width:1.7rem;display:block;background:var(--primary-color)}.hero .hero-text h1{color:var(--black);font-weight:500;font-size:2.5rem;opacity:.9;margin:1rem 0;transition:all 1s;transform:scaleY(1.1)}.hero .hero-text h1 span{color:var(--primary-color);-webkit-text-stroke-width:0}.hero .hero-text p{margin:1.5rem 0;width:95%;color:var(--black);font-size:1.2rem;font-weight:500;font-family:"Poppins",sans-serif;transition:all 1s}.hero .hero-buttons .btn{font-size:1rem;font-weight:500;padding:.5rem 1.2rem .5rem 1.8rem;border:.1rem solid var(--black);color:var(--black);background:transparent}.hero .hero-illustration img{margin-left:4rem;margin-top:2rem;width:28rem}.hero-cards .cards{display:flex;justify-content:center;padding-top:3rem;margin-top:1rem}.hero .hero-cards .card{border:none;width:20rem;background:var(--white);padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;height:19rem;margin:0 .4rem;border-radius:.5rem;box-shadow:0 0 3rem rgba(0,0,0,.05)}.dark-mode .hero .card{background:linear-gradient(0deg,rgba(0,0,0,.9) 20%,rgba(0,0,0,.1))}.light-mode .hero .card{background:#fff}.hero .hero-cards .card h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:1.5rem;color:var(--black);font-weight:700}.hero .hero-cards .card:nth-child(3) h3{margin-top:1.5rem;margin-bottom:1.75rem}.hero .hero-cards .card p{color:var(--text-1);font-weight:500}.hero .hero-cards .card svg{color:var(--primary-color)}.hero .hero-wave{position:absolute;left:-10%;z-index:-1;max-width:140%;bottom:-1rem}.dark-mode .hero .hero-wave,.dark-mode .hero:after{opacity:.7}.hero:after{content:"";display:block;z-index:-1;position:absolute;left:50%;margin-top:1rem;transform:translateX(-50%);width:0;height:0;border-left:1rem solid transparent;border-right:1rem solid transparent;border-top:1rem solid var(--primary-color)}.portfolio-hero:after{display:none}@media (max-width:48em){.hero-cards .cards{align-items:center;padding:1rem}}@media (max-width:62em){.hero .hero-text{display:flex;flex-direction:column;padding:2rem 0}.hero .hero-illustration img{width:28rem;margin:0}.hero .hero-text h1{margin-bottom:1rem}.hero .hero-text p{margin:2rem 0}.hero-cards .cards{flex-wrap:wrap}.hero-cards .cards .card{display:flex;flex-direction:row;text-align:left;padding:1rem;height:15rem;margin:.5rem 0;width:unset!important}.hero-cards .cards .card .img-container{margin-right:1.5rem}.hero-cards .cards .card h3{font-size:1.2rem}}.project{display:flex;padding:1rem .5rem 1rem 3rem;border-radius:2rem;margin:2rem 0;transition:all 1s;overflow:hidden}.project-info{flex:3 1}.project .project-info .img-container{margin-bottom:2rem;overflow:hidden!important;display:none}.project .project-info img{width:100%;box-shadow:0 .3rem .6rem rgba(0,0,0,.1)}.project .project-info h3{margin-top:4rem;font-size:1.8rem;font-weight:400;color:var(--black)}.project .project-info .btns .btn:first-child{background:transparent;border:.1rem solid var(--black);color:var(--black);padding:.4rem 1.2rem;transition:all .5s;font-weight:500}.project .project-info p{margin:1.6rem 0;font-size:1.1rem;font-weight:500}.project .project-info p a{display:block;margin-top:.5rem}.project .project-preview{flex:7 1;position:relative}.project .phone{position:absolute;top:6rem;right:15rem;width:17rem;z-index:20;border-radius:2.2rem;transition:all 2s}.project .phone .mobile-image{position:absolute;top:1.45rem;left:.5rem;width:16rem;z-index:2;border-radius:.5rem;box-shadow:0 0 10rem rgba(0,0,0,.4)}.project .phone .phone-frame{position:absolute;top:0;left:0;width:17rem;border-radius:2.2rem;z-index:3;display:none}.project:first-child .phone{top:12rem;right:22rem}.project:nth-child(2) .phone{top:6rem;right:0}.project:nth-child(3) .phone{top:8rem;right:10rem}.project:nth-child(4) .phone{top:6rem;right:30rem}.project:nth-child(5) .phone{top:10rem;right:unset;left:6rem}.project:nth-child(6) .phone{top:6rem;right:1rem}.project .imgs-container:hover .mainImage{transform:scale(1.01)}.project .imgs-container:hover .phone{transform:scale(1.1)}.project .project-preview .imgs-container{display:block;min-width:100%;padding:0;overflow:hidden;border-radius:1.2rem;box-shadow:0 0 4rem rgba(0,0,0,.1)}.project .project-preview img{width:100%}.project .project-preview .mainImage{transition:all 1s}.dark-mode .project .project-preview .mainImage{opacity:.9}@media (max-width:62em){.project{padding:0 2rem}.project .project-preview{display:none}.project .project-info{padding:2rem 0}.project .project-info .img-container{display:initial;margin:3rem 0}.project .project-info img{border-radius:1rem}.project .project-info h3{margin-top:2rem}}.dark-mode .project:first-child a,.dark-mode .project p{color:#fff}.projects{padding:2rem;color:var(--text-1);position:relative}.projects .header{text-align:center;display:flex;align-content:center;justify-content:center;padding:1.5rem 0}.projects .header h1{font-size:2.3rem;font-weight:100;width:40rem;color:var(--black);transition:all 1s;transform:scaleY(1.1)}.projects .btn-container{display:flex;width:100%;padding:1rem}.projects .btn-container .btn{background:transparent;color:var(--black);margin:2rem auto auto;padding:.4rem 1.5rem;font-size:1rem;font-weight:500;transition:all .5s}.light-mode .projects .btn-container .btn,.projects .btn-container .btn{border:.1rem solid var(--black)}.projects .btn-container svg{margin-left:.3rem}*{--speed-color-1:#001f3f;--speed-color-2:#005f73;--speed-color-3:#0a9396;--speed-color-4:#94d2bd;--speed-color-5:#e9d8a6;--speed-color-6:#ee9b00;--speed-color-7:#ca6702;--speed-color-8:#bb3e03;--speed-color-9:#ae2012}.light-mode{--third-color:var(--speed-color-4);--bg-1:hsla(0,0%,96.1%,0.8);--text-1:#001f3f;--text-2:#444;--navbar-bg:hsla(0,0%,100%,0.9);--side-navbar-bg-active:#f4f4f4;--form-input-bg:hsla(0,0%,100%,0.9);--shadow:0 0 50px rgba(0,95,115,0.2);--footer-bg:rgba(148,210,189,0.2)}.dark-mode,.light-mode{--primary-color:var(--speed-color-3);--secondary-color:var(--speed-color-6)}.dark-mode{--third-color:var(--speed-color-2);--bg-1:rgba(15,15,15,0.95);--bg-2:#001219;--white:#001219;--text-1:#e9d8a6;--text-2:#94d2bd;--side-navbar-bg-active:#1a1a1a;--form-input-bg:rgba(40,40,40,0.6);--footer-bg:rgba(0,95,115,0.3)}body{color:var(--text-1)}h1,h2,h3,h4,h5{font-family:"Domine",serif}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;background:var(--secondary-color);color:var(--black);font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn svg{height:1.2em;transition:width .4s ease}.btn:hover svg{width:1.2em}section{padding:4rem 0}.my-container{width:min(90%,1100px);margin:0 auto}.card-grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:var(--bg-1);padding:2rem;border-radius:1rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.faq details{margin:1rem 0;padding:1rem;background:var(--bg-1);border-radius:.5rem}::selection{background:rgba(0,95,115,.3)}.about{margin-top:2rem;padding:4rem 8rem}.about .ellipse1{right:-35%;top:-20%}.about .ellipse1,.about .ellipse2{position:absolute;min-width:80rem;min-height:40rem;transition:all 1s;z-index:-3}.about .ellipse2{left:-5%;top:10%}.about .ellipse3{position:absolute;left:-25%;top:-60%;min-width:80rem;min-height:40rem;transition:all 1s;z-index:-3}.about h1{color:var(--black);font-weight:300;font-size:2.5rem;margin:1rem 0;text-align:center}.about .line{margin-left:auto;margin-right:auto}.about .intro{color:var(--text-1);margin:2rem}.about .intro .img-text{display:flex;align-items:center;grid-column-gap:2rem;column-gap:2rem;font-size:1.2rem;font-weight:500;margin-top:1rem}.about .intro img{height:20rem;width:20rem;border-radius:0;border-radius:4rem 5rem 1rem 5rem}.about .getintouch{width:100%;margin-top:6rem;display:flex}.about .getintouch .btn{border:.1rem solid var(--black);color:var(--black);background:transparent;font-size:1rem;font-weight:500;margin:0 auto;padding:.5rem 1.5rem}@media (max-width:900px){.about{padding:4rem}.about .img-text{flex-direction:column;grid-row-gap:2rem;row-gap:2rem}.about .skills{flex-wrap:wrap;grid-row-gap:1rem;row-gap:1rem}.about .getintouch{margin-top:1rem}}@media (max-width:700px){.about .first-row,.about .second-row{flex-direction:column;grid-row-gap:1rem;row-gap:1rem}}.contact-page{margin-top:2.5rem;display:flex;padding:6rem 2rem;grid-column-gap:2rem;column-gap:2rem;color:var(--text-1);font-weight:500}.contact-page .ellipse1{right:-35%;top:0}.contact-page .ellipse1,.contact-page .ellipse2{position:absolute;min-width:80rem;min-height:40rem;transition:all 1s;z-index:-3}.contact-page .ellipse2{left:-5%;top:10%}.contact-page .ellipse3{position:absolute;left:-25%;top:-60%;min-width:80rem;min-height:40rem;transition:all 1s;z-index:-3}.contact-page h2{font-weight:300;color:var(--black)}.contact-page .line{margin-bottom:1rem}.contact-page p{font-size:1rem;font-weight:500}.contact-page .contact-content{flex:3 1}.contact-page .contact-content .form-container{padding:.5rem 1rem;border-radius:.5rem;background:var(--bg-1);border-left:.2rem solid var(--primary-color)}.contact-page .contact-content .input-container{margin:1.2rem 0}.contact-page .contact-content .input-container:after{content:"";display:block;width:0;height:.14em;background:var(--primary-color);position:relative;transition:all .4s}.input-container:focus-within:after{width:100%!important}.contact-page .contact-content input,.contact-page .contact-content textarea{color:var(--text-1);border:none;border-radius:0;padding:1.4rem .5rem;font-size:1rem;box-shadow:none!important;position:relative;background:var(--form-input-bg)}.contact-page .contact-content button{color:#fff;background:var(--primary-color);margin:2rem 0;padding:.5rem 1.5rem;border-radius:2rem;font-size:.9rem}.contact-page .contact-about{flex:2 1}.contact-page .contact-about .contact-info{display:flex;grid-column-gap:1rem;column-gap:1rem;justify-content:center}.contact-page .contact-about img{height:10rem;border-radius:1.5rem;margin:1.5rem auto}.contact-page .contact-about .contact-info span{align-self:center}.contact-page .contact-about .about-links{margin:1rem 0;font-size:1.1rem;line-height:2rem}.contact-page .contact-about .about-links a{color:var(--primary-color)}.contact-page .contact-about .about-links span{color:var(--primary-color);text-decoration:underline}@media (max-width:62em){.contact-page{flex-direction:column;grid-row-gap:2rem;row-gap:2rem}}footer{color:var(--text-1);font-weight:500;font-size:1rem;padding:3rem 3rem 1rem;margin-top:5rem;display:flex;flex-direction:column;position:relative;background:rgba(0,0,0,.03);border-bottom:.5rem solid var(--primary-color)}footer .ellipse1{right:-20%;top:0}footer .ellipse1,footer .ellipse2{position:absolute;min-width:80rem;min-height:40rem;transition:all 1s;z-index:-3}footer .ellipse2{left:-10%;top:-20%}footer .ellipse3{position:absolute;left:-35%;top:-50%;min-width:80rem;min-height:40rem;transition:all 1s;z-index:-3}footer .footer-content{display:flex;justify-content:space-between}footer .about{display:flex;flex:2 1;padding:0 1rem;margin:0}footer .about img{width:9rem;height:9rem;margin-right:1rem;border-radius:.5rem}footer .links{display:flex;flex:2 1;padding:0 1rem}footer .social-links{flex:1 1}footer .social-links .social-link{display:flex;flex-direction:column;margin-bottom:1rem}footer .social-links .social-link a{font-size:1.1rem;text-decoration:none;color:var(--primary-color);font-weight:500}footer .social-links .social-link svg{transform:translateY(-.1rem);margin-right:.3rem}footer .portfolio-links{padding:0 1rem;flex:1 1}footer .portfolio-links .portfolio-link{margin-bottom:.8rem;display:flex;flex-direction:column}footer .portfolio-links .portfolio-link a{color:var(--primary-color);font-size:1.1rem;font-weight:500;text-decoration:none}footer .copyright-section{text-align:center;margin-top:3rem}footer:before{content:"";position:absolute;width:110%;left:-9%;z-index:-1;top:-2.5rem;height:11rem;display:block;transform:rotate(-3deg)}@media (max-width:56em){footer .footer-content{flex-direction:column}footer .footer-content .links{margin-top:2rem}}*{padding:0;margin:0;box-sizing:border-box;--color-1:#03045e;--color-2:#023e8a;--color-3:#0077b6;--color-4:#0096c7;--color-5:#00b4d8;--color-6:#48cae4;--color-7:#90e0ef;--color-8:#ade8f4;--color-9:#caf0f8}#root{overflow:hidden}.light-mode{--primary-color:#05493a;--primary-color-old:#524bd7;--third-color:#6964d7;--bg-1:hsla(0,0%,86.3%,0.3);--bg-2:#fff;--white:#fff;--black:#000;--text-1:#000;--text-2:#76599d;--navbar-bg:hsla(0,0%,100%,0.8);--side-navbar-bg:#fff;--side-navbar-bg-active:#fafafa;--form-input-bg:hsla(0,0%,100%,0.8);--form-input-placeholder:#888;--shadow:0 0 100px hsla(0,0%,58.8%,0.5);--footer-bg:rgba(230,230,250,0.3)}.dark-mode,.light-mode{--secondary-color:#2bc5f5}.dark-mode{--primary-color:#140f1a;--third-color:#000;--bg-1:rgba(30,30,30,0.9);--bg-2:#76599d;--white:#221a2c;--black:#fff;--text-1:#c3d0e6;--text-2:#fff;--navbar-bg:#000;--side-navbar-bg:#111;--side-navbar-bg-active:#222;--form-input-bg:rgba(40,40,40,0.5);--footer-bg:rgba(80,80,80,0.3)}body{font-family:"Poppins",sans-serif;background:var(--bg-2);overflow-x:hidden}html{font-size:100%}@media (min-width:90em){.my-container{width:90em;margin:0 auto}}@media (max-width:500px){html{font-size:75%}}@media (min-width:2048px){html{font-size:150%}}@media (min-width:3840px){html{font-size:300%}}.btn,input{outline:none!important;box-shadow:none!important}.btn{border-radius:1.5rem;padding:.3rem 1.3rem}.btn svg{margin-left:.5rem;height:1.4em;width:0;transition:all .5s}.btn:hover svg{width:1.3em}.line{display:block;background:var(--primary-color);width:3rem;height:.2rem;margin-bottom:.5rem;border-radius:1rem}h1,h2,h3,h4,h5{font-family:"Domine",sans-serif}::selection{background:rgba(74,155,255,.2)}::-webkit-scrollbar{width:.16667rem}::-webkit-scrollbar-track{background:var(--white)}::-webkit-scrollbar-thumb{border-radius:.6rem;background:rgba(0,0,0,.6)}
/*# sourceMappingURL=main.ea5e087b.chunk.css.map */