@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box}body{margin:0;font-family:"Poppins","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-clr)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#container{width:min(1000px,75%);margin-inline:auto}@media only screen and (max-width:850px){#container{width:min(1000px,85%)}}:root{--primary-clr:#4785ff;--secondary-clr:#000614;--grey-clr:#ccc;--shadows:0 2px 20px 0 #93b2f1;--primary-light-clr:#cdf;--primary-dark-clr:#1463ff;--bg-clr:#fff;--React-clr:#40bde2;--Material-UI-clr:#2094f3;--Styled-Components-clr:#eeaa96;--headline-fz:3rem;--paragraph-fz:1rem;--small-fz:.8125rem;--second-headline-fz:1.5rem;--regular-fw:500;--semi-bold-fw:600}.showcase{width:100%;border-bottom:1px solid var(--grey-clr)}.showcase-container{padding:4em 0}.col,.showcase-container{display:-webkit-flex;display:flex}.col{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-basis:100%;flex-basis:100%}.col p{max-width:40ch;margin-bottom:2rem;opacity:.75}.col h1{margin:0;font-size:var(--second-headline-fz);font-weight:var(--regular-fw)}.showcase-container .col img{width:100%}.on-hover-tags{position:relative}.on-hover-tags:hover .tags{opacity:1;transition:opacity .2s ease-out}.tags{position:absolute;width:100%;background-color:rgba(0,0,0,.75);opacity:0;padding:0 .5rem;transition:opacity .2s ease-out}.tags,.tags-container{height:100%;margin:0 auto}.tags-container{width:80%}.tags-container>div{-webkit-flex-wrap:wrap;flex-wrap:wrap}.tag{margin:.5rem}.no-overlay:hover .tags{display:none!important}.dir-col{margin-left:2rem}@media only screen and (max-width:1000px){.showcase-container{-webkit-flex-direction:column;flex-direction:column}.showcase-container .col img{margin-bottom:4rem}.tags{height:calc(100% - 4rem);-webkit-align-self:flex-start;align-self:flex-start}.dir-col{margin-left:0}}.hero-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.hero__text h1{font-size:var(--headline-fz);font-weight:400;margin:0}.hero__text p{font-size:var(--paragraph-fz);margin-bottom:2rem;max-width:60ch;line-height:1.6}.hero{margin-bottom:4rem}.hero__photo img:hover{-webkit-transform:scale(1.018);transform:scale(1.018);transition:.2s ease-in}.hero__photo img{transition:.4s ease-out;margin-left:4rem}.about-paragraph p{line-height:1.8}@media only screen and (max-width:900px){.hero-container{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.hero__photo img{margin:0 0 4rem}}.by{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.by-image{max-width:65px;position:relative}.quote-icon{color:var(--primary-clr);font-size:1.125rem;position:absolute;left:0;top:0}.by-info{text-align:center}.by-info h3{font-weight:var(--regular-fw);font-size:var(--paragraph-fz);margin:.8rem 0 .1rem}.by-info p{font-size:var(--small-fz);margin:0}.slider{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-animation:popUp .35s ease-out;animation:popUp .35s ease-out}.slider>p{font-size:var(--second-headline-fz);max-width:45ch;text-align:center;margin:0 0 4rem}.slider p:first-letter{text-transform:uppercase}@-webkit-keyframes popUp{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popUp{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.testimonials{padding-bottom:4rem;border-bottom:1px solid var(--grey-clr);position:relative;min-height:510px}.arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:2rem;color:var(--primary-clr);width:50px;height:50px;padding:.5rem;border-radius:100px;cursor:pointer;transition:.2s ease-out}.left-arrow{left:15%}.right-arrow{right:15%}.arrow:focus,.arrow:hover{background-color:var(--primary-light-clr);transition:.2s ease-out}@media only screen and (max-width:900px){.testimonials{min-height:600px}.arrow{top:7%;-webkit-transform:translateY(0);transform:translateY(0)}.left-arrow{left:5%}.right-arrow{right:5%}}.technologies{width:100%;padding:2em 0 5em;border-bottom:1px solid var(--grey-clr)}.technologies h1{text-align:center;margin:1.5em 0 4em;font-weight:var(--fw-light)}.techs{-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.techs,.techs-col{display:-webkit-flex;display:flex}.techs-col{-webkit-flex-basis:100%;flex-basis:100%;-webkit-justify-content:center;justify-content:center;position:relative}.techs-col>svg{transition:.2s ease-out;font-size:45px!important}.techs-col>svg:hover{-webkit-transform:scale(1.09);transform:scale(1.09)}.techs-col .tech-name{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:PopUp .3s ease-out forwards;animation:PopUp .3s ease-out forwards}@media only screen and (max-width:850px){.techs-col>svg{font-size:35px!important}.techs-col{-webkit-flex-basis:25%;flex-basis:25%;margin-top:3rem}.techs{-webkit-flex-wrap:wrap;flex-wrap:wrap}.technologies h1{max-width:18ch;margin:2em auto 1em}}@-webkit-keyframes PopUp{0%{-webkit-transform:translate(-50%) scale(0);transform:translate(-50%) scale(0);opacity:0}to{-webkit-transform:translate(-50%,-40px) scale(1);transform:translate(-50%,-40px) scale(1);opacity:1}}@keyframes PopUp{0%{-webkit-transform:translate(-50%) scale(0);transform:translate(-50%) scale(0);opacity:0}to{-webkit-transform:translate(-50%,-40px) scale(1);transform:translate(-50%,-40px) scale(1);opacity:1}}header{width:100%}.header{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:4rem}.header,.logo{-webkit-align-items:center;align-items:center}.logo{-webkit-justify-content:center;justify-content:center;padding:2rem 0}.logo img{min-width:50px}.navbar{margin-bottom:1rem}.navbar ul{list-style:none;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0}.navbar ul li a{text-decoration:none;text-transform:capitalize;font-weight:var(--regular-fw);color:var(--secondary-clr);position:relative}.navbar ul li+li{margin-left:2rem}.navbar ul li a.active:before{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:5px;background-color:var(--primary-clr);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-animation:slideLeft .4s ease-out forwards;animation:slideLeft .4s ease-out forwards}@-webkit-keyframes slideLeft{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes slideLeft{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@media only screen and (max-width:900px){.navbar ul{-webkit-justify-content:center;justify-content:center}}.footer{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:2rem 0}.footer h3{font-size:var(--second-headline-fz);font-weight:var(--regular-fw);margin-top:0}.social-icon{font-size:2rem;cursor:pointer;transition:.2s ease-out}.footer a+a{margin-left:.6rem}.Facebook{color:#1877f1}.Instagram{color:#c13584}.Github{color:#1b1e23}.Linkedin{color:#4267b2}.social-icon:focus,.social-icon:hover{-webkit-transform:scale(1.08);transform:scale(1.08);transition:.2s ease-out}.input{position:relative;margin-bottom:1.5rem}.input input,.input textarea{width:100%;padding:1em 1em 1em 1.5em;border:2px solid var(--primary-clr);border-radius:100px;outline:none;font-size:var(--paragraph-fz)}.error-text{font-size:var(--small-fz);position:absolute;left:20px;top:3.5rem}.message-sent{top:7rem!important}.message-sent-icon{margin-right:.5rem}.input textarea{resize:none;font-family:"Poppins";border-radius:25px!important}.disabled{background-color:var(--primary-light-clr)!important;cursor:not-allowed!important}.contact{border-bottom:1px solid var(--grey-clr)}.contact-flex{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:4rem;padding:3em 2em;background-color:var(--primary-clr);border-radius:40px}.flex-col{-webkit-flex-basis:100%;flex-basis:100%;color:#fff}.flex-col h1,.subhead{margin:0}.flex-col p{max-width:40ch}.subhead{font-size:var(--small-fz)}.form{padding-left:3em;border-left:1.5px solid #fff}.active-submit{width:100%;padding:1rem;border:none;font-size:var(--button-fz);border-radius:100px;background-color:#fff;cursor:pointer;color:var(--primary-clr);transition:.15s ease-out}.active-submit:hover{background-color:var(--primary-light-clr);transition:.15s ease-out}.contact-text{margin-right:2rem}@media only screen and (max-width:900px){.contact-flex{-webkit-flex-direction:column;flex-direction:column}.form{padding:2em 0 0;border-top:1.5px solid #fff;border-left:none;width:100%}.contact-text{margin:0 0 1rem}}.scroll-to-top-icon{width:3.2rem;height:3.2rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;position:fixed;right:1.5rem;bottom:1.5rem;font-size:1.8rem;border-radius:50px;cursor:pointer;z-index:10000;background-color:var(--primary-clr);transition:.2s ease-out;-webkit-animation:scrollToTop .2s ease-out;animation:scrollToTop .2s ease-out}.scroll-to-top-icon:hover{background-color:var(--primary-dark-clr);-webkit-transform:scale(1.08);transform:scale(1.08);transition:.2s ease-out}@-webkit-keyframes scrollToTop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scrollToTop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (min-width:850px){.scroll-to-top-icon{width:3.5rem;height:3.5rem;right:3rem;bottom:2rem;font-size:2rem}}
/*# sourceMappingURL=main.9a7e83b9.chunk.css.map */