:root{--primary-100:#fff;--primary-200:#fff;--primary-300:#fff;--accent-100:#4285f4;--accent-200:#4285f4;--accent-300:#4285f4;--background-100:#fff;--background-200:#f2f2f2;--background-300:#e6e6e6;--background-400:#e6e6e6b9;--text-100:#3d3d3d;--text-200:#575757;--text-300:#707070de;--gap:5px;--height-bar:2.5px;--pos-y-bar-one:0;--pos-y-bar-three:0;--scale-bar:1;--rotate-bar-one:0;--rotate-bar-three:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}header{padding:1rem;z-index:2}.Navbar,header{position:fixed;width:100%}.Navbar{align-items:center;background-color:#e6e6e6b9;background-color:var(--background-400);box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:10px 20px;top:0;z-index:1000}.Logo{height:50px}ul{align-items:center;display:flex;gap:18px;justify-content:space-between;margin:0;padding:0}li{list-style:none}.Navbar a{color:#fff;color:var(--background-100);font-size:20px;text-decoration:none}.Navbar a:hover{color:#e6e6e6b9;color:var(--background-400)}h1,h2,h3{color:#2c3e50}.menu-btn{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;margin:auto 0;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:28px;z-index:999999}.menu-btn_burger{right:0;top:.5rem}.menu-btn_burger,.menu-btn_burger:before{background:#3d3d3d;background:var(--text-100);height:3px;position:absolute;transition:all .3s ease;width:28px}.menu-btn_burger:before{content:"";top:-8px}.menu-btn_burger:after{background:#3d3d3d;background:var(--text-100);content:"";height:3px;position:absolute;top:8px;transition:all .3s ease;width:20px}.menu-btn_burger.open{background:#0000;transform:rotate(2turn)}.menu-btn_burger.open:before{transform:rotate(45deg) translate(5px,8px)}.menu-btn_burger.open:after,.menu-btn_burger.open:before{background-color:#f2f2f2;background-color:var(--background-200)}.menu-btn_burger.open:after{transform:rotate(-45deg) translate(3px,-7px);width:28px}.nav{left:0;opacity:.98;position:fixed;top:0;visibility:hidden;width:100vw}.nav.open{visibility:visible}.menu-nav{align-items:center;background:#3d3d3d;background:var(--text-100);display:flex;flex-flow:column wrap;height:100vh;justify-content:center;list-style-type:none;overflow:hidden;padding-right:1rem;transform:translateY(-100%);transition:all .3s ease}.menu-nav.open{transform:translateY(0)}.menu-nav_item{transform:translateX(100vw);transition:all .3s ease}.menu-nav_item.open{transform:translateX(0)}.menu-nav_item.active>a{color:#4285f4;color:var(--accent-100)}.menu-nav_link{display:inline-block;font-size:1.8rem;font-weight:300;justify-content:center;padding:2rem 0;text-transform:uppercase;transition:all .3s ease}.menu-nav_link:hover{color:#4285f4;color:var(--accent-100)}.menu-nav_item:first-child{transition-delay:.15s}.menu-nav_item:nth-child(2){transition-delay:.25s}.menu-nav_item:nth-child(3){transition-delay:.35s}.menu-nav_item:nth-child(4){transition-delay:.45s}.hero{background-color:#4285f4;background-color:var(--accent-100);color:#fff;color:var(--primary-100);margin-top:70px;padding:100px 20px 120px;text-align:center}.cta-button{background-color:#fff;background-color:var(--primary-100);border-radius:5px;color:#4285f4;color:var(--accent-100);font-size:17px;padding:10px 20px;text-decoration:none}.cta-button:hover{background-color:#f2f2f2;background-color:var(--background-200)}.hero p{font-size:20px;padding-bottom:20px}.hero h1{font-size:27px}.about{align-items:center;background-color:#fff;background-color:var(--primary-100);justify-content:center;padding:50px 20px;text-align:center}.about-text{align-items:center;background-color:#4285f4;background-color:var(--accent-100);border-radius:12px;display:flex;flex-direction:column;margin:0 auto 20px;max-width:fit-content;padding:20px;width:70%}.about-text h3{color:#3d3d3d;color:var(--text-100);margin:5px 0 20px}.about-text p{color:#fff;color:var(--background-100);margin:5px 0 20px}.services{align-items:center;background-color:#707070de;background-color:var(--text-300);justify-content:center;padding:50px 20px;text-align:center}.service-item{align-items:center;background-color:#fff;background-color:var(--background-100);border-radius:12px;display:flex;flex-direction:column;margin:0 auto 20px;max-width:fit-content;padding:20px;width:70%}.service-item h3{color:#4285f4;color:var(--accent-300);margin:5px 0 20px}.service-item p{color:#3d3d3d;color:var(--text-100);margin:5px 0 20px}.footer{align-items:center;background-color:#4285f4;background-color:var(--accent-100);color:#fff;color:var(--primary-100);padding:20px 0;text-align:center}.card{background-color:initial;border:0;gap:17px;margin:0 auto;padding:25px 0;text-align:center}.card,.socialContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.socialContainer{background-color:#e6e6e6b9;background-color:var(--background-400);border-radius:50%;overflow:hidden;padding:5px;transition-duration:.3s}.containerOne:hover{background-color:#d62976;transition-duration:.3s}.containerTwo:hover{background-color:#4bb3fd;transition-duration:.3s}.containerThree:hover{background-color:#128c7e;transition-duration:.3s}.containerFour:hover{background-color:#000;transition-duration:.3s}.containerFive:hover{background-color:#4bb3fd;transition-duration:.3s}.socialContainer:active{transform:scale(.9);transition-duration:.3s}.socialSvg{width:30px}.socialContainer:hover .socialSvg{animation:slide-in-top .3s both}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.Logo{height:70px;width:18rem}.hero{margin-top:90px;padding:100px 20px 120px}.Navbar a{color:#4285f4;color:var(--accent-200);font-size:30px;text-decoration:none}.menu-btn{visibility:hidden}.nav{opacity:1;visibility:visible}.nav .menu-nav{background:none;display:block;height:100%;text-align:right;transform:translateY(0)}.nav .menu-nav_item{display:inline;padding-right:1.5rem}.nav .menu-nav_link{font-size:1rem}.Navbar a:hover{color:#3d3d3d;color:var(--text-100)}.hero h1{font-size:43px}.hero p{font-size:26px}.cta-button{font-size:25px;padding:10px 20px}.about-text{width:550px}.about-text h3{font-size:30px}.about-text p{font-size:24px}.about-title,.service-title{font-size:40px;margin-top:70px}.service-item{width:550px}.service-item h3{font-size:30px}.service-item p{font-size:24px}.footer{font-size:22px}.about,.services{padding:30px 10px}}
/*# sourceMappingURL=main.d7548dfd.css.map*/