body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:.9rem;scroll-behavior:smooth}.App{background-color:#1c222e;color:#f5f5f5;width:100%}.heading{font-size:36px;font-weight:300;padding-top:75px;text-align:center}.sub-heading{padding-top:50px;text-align:center}.body-section{display:flex;flex-wrap:wrap;justify-content:center;min-height:300px}.button-large{background:none;border:1.8px solid #4ba5ff;border-radius:3px;color:#4ba5ff;font-size:1.1rem;letter-spacing:.1rem;margin:0;padding:8px}.button-large:hover{background-color:rgba(56,108,187,.25);cursor:pointer}p{color:#b9b9b9}.triangle-down{border-left:50vw solid transparent;border-right:50vw solid transparent;border-top:60px solid #1c222e;height:0;margin-left:auto;margin-right:auto;position:relative;top:60px;width:0}@media(max-width:450px){.triangle-down{border-top:30px solid #1c222e;top:60px}}.testimonials{display:flex;flex-wrap:wrap;justify-content:center;opacity:0;padding-bottom:80px;scale:.8}.testimonials p{font-family:Open Sans;font-size:1.5rem;font-weight:300;line-height:36px}.testimonials p span{font-style:italic}@media(max-width:550px){.testimonials p{font-size:1.4rem;line-height:30px;max-width:250px}}.testimonials{animation-timeline:view();animation-range:150px 500px;-webkit-animation:fade-in linear forwards;animation:fade-in linear forwards}@-webkit-keyframes fade-in{to{opacity:1;scale:1}}@keyframes fade-in{to{opacity:1;scale:1}}.nav-contianer{background-color:#1b1b1b;height:50px;position:fixed;width:100%;z-index:1}.nav-bar{align-items:center;display:flex;height:100%;justify-content:flex-start;list-style-type:none;margin:0;padding:0}li a{color:#fff;display:block;padding:14px 16px;text-decoration:none}li a:hover{background-color:#476a9e}li a.active{color:#4ba5ff;font-weight:600}.container{padding:100px 0}.title-product{max-width:570px;min-width:232px}@media(max-width:570px){.title-product{margin:0 auto;padding:0 20px}}.title-product h1{color:#fafafa;font-family:Open Sans;font-size:34px;font-style:normal;font-weight:300;margin:0;max-width:500px;padding:0;text-align:left}@media(max-width:500px){.title-product h1{font-size:28px}}.title-product h1 .important{font-size:72px;font-weight:600;letter-spacing:-2.7px}@media(max-width:500px){.title-product h1 .important{font-size:60px}}.title-product .logo{align-items:center;display:flex;margin-bottom:20px;margin-top:80px}@media(max-width:1050px){.title-product .logo{justify-content:center}}.title-product .logo img{margin-right:10px;max-height:36px}.title-product .logo p{color:#4ba5ff;font-size:16px;margin:0;text-align:left;width:130px}.title-product .buttons{display:flex;padding:0}@media(max-width:1050px){.title-product .buttons{justify-content:center}}.title-product .button-large{background:red;border:1.8px solid red;border-radius:5px;color:#fafafa;font-size:24px;letter-spacing:.1rem;margin:0;padding:8px}.title-product .button-large:hover{color:#000;cursor:pointer}.product-image{display:flex;justify-content:center;min-width:232px}@media(max-width:1050px){.product-image{padding-top:50px}}@media(min-width:655px){.product-image{width:500px}}.product-image img{box-shadow:-5px 5px 15px rgba(0,0,0,.3);height:440px}.solid{background-color:#1c222e;height:50px}.hero-display{background-color:#ececec;color:#1c222e}.hero-display h1{font-size:48px;font-weight:400}.pannel-hero{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px;width:500px}@media(max-width:1200px){.pannel-hero{width:400px}}.product-text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.product-text div{font-family:Open Sans;font-size:1.5rem;font-weight:300;line-height:36px}.product-text div img{height:20px;margin-right:10px;width:20px}.graphic-image{min-width:232px}.graphic-image img{height:250px}.graphic-image-SB img{height:150px}@media(max-width:400px){.graphic-image-SB img{height:125px}}.smartbuilder-image img{height:180px;padding-top:25px}@media(max-width:800px){.smartbuilder-image img{height:160px;padding-top:50px}}@media(max-width:400px){.smartbuilder-image img{height:125px}}.contact h1{margin-bottom:0}.contact-form{flex-grow:2;margin:0 20px;max-width:550px;padding:0}.contact-form .input{background-color:rgba(56,108,187,.5);border:none;border-radius:3px;color:#fafafa;display:flex;margin:5px;padding:10px 5px}.contact-form .form-text{display:flex}.contact-form .form-text .text{width:50%}.contact-form .message,.contact-form .subject{width:100%}.contact-form #send-message{margin:10px 5px}.info{margin:0 25px}.paragraph{text-align:justify;text-justify:inter-word}.icon-list{margin-bottom:20px}.icon{color:#4ba5ff;margin:20px;text-decoration:none}.icon svg{height:2.8rem;margin:0;padding:0}a.icon:hover{color:#1996ff;-webkit-transform:scale(1.07);transform:scale(1.07)}.pannel{width:750px}@media(max-width:800px){.pannel{width:450px}}@media(max-width:500px){.pannel{width:350px}}.pannel hr{background:#1c222e;height:2px;margin-top:20px;width:100%}.pannel h2{font-weight:400;margin-bottom:0;margin-top:10px;padding-top:0;text-align:left}.pannel h3{font-size:24px;font-weight:300;margin-top:5px}.screenshot-image{display:flex;justify-content:center}.screenshot-image img{box-shadow:0 0 15px rgba(0,0,0,.3);width:750px}@media(max-width:800px){.screenshot-image img{width:450px}}@media(max-width:500px){.screenshot-image img{width:350px}}@media(max-width:400px){.screenshot-image img{width:300px}}.video{height:422px;width:750px}@media(max-width:800px){.video{height:260px;width:450px}}@media(max-width:500px){.video{height:200px;width:350px}}@media(max-width:350px){.video{height:180px;width:320px}}.image{background-image:linear-gradient(#476a9e,rgba(35,47,56,.5));border-radius:25px;flex-grow:2;height:300px;margin:50px 25px 0;min-width:250px;overflow:hidden}.image .photo{object-fit:cover;overflow:hidden;width:250px}.image:hover{background-color:#386cbb;transition:background-color .2s ease}.title{margin-left:calc(50% - 250px);margin-top:50px;min-width:232px}.title p{text-align:left}@media(max-width:570px){.title{margin:0 auto;padding:0 40px}}.title h1{align-items:flex-start;display:flex;flex-direction:column;margin-top:20px;padding:0}.title h1 .important{color:#4ba5ff;font-size:3.8rem;font-weight:800}.title h1 .important:hover hr{width:100%}.title p{color:#b9b9b9;justify-content:left;padding-bottom:20px}.buttons{display:flex;justify-content:space-between}hr{background:#4ba5ff;border:#4ba5ff;height:3px;margin:0;transition:width .4s ease-out;width:0}.about h2:first-of-type{margin-top:0}#about-image{margin-top:0;max-width:450px}#about-image .photo{height:500px;left:-10px;position:relative;top:-30px;width:300px}.icon-list{display:flex;flex-wrap:wrap;justify-content:center;min-width:250px;text-align:center}.icon-list hr{display:none}@media(max-width:359px){.icon-list hr{display:block;height:0;width:100%}}.icon-list .icon{color:#4ba5ff;text-decoration:none}.icon-list .icon p{color:#4ba5ff}.icon-list svg{height:2.8rem;margin:0;padding:0}.skills{margin:0 25px;max-width:400px}.skills .paragraph{text-align:justify;text-justify:inter-word}.projects{background-color:#ececec;color:#1c222e}.card-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center}p{text-align:center}.card{background:linear-gradient(135deg,#3d4b66,#1c222e);border-radius:15px;box-shadow:0 0 15px rgba(0,0,0,.2);color:#fafafa;height:350px;margin:15px 15px 50px;max-width:350px}.card h4{color:#fff;font-family:Open Sans;font-size:3.5rem;font-weight:300;margin:0 5px;text-align:center;text-shadow:2px 2px 2px rgba(0,0,0,.3)}@media(max-width:350px){.card h4{font-size:3rem}}.card .card-thumbnail{margin:20px 20px 5px;max-height:500px;overflow:hidden}.card .card-thumbnail .card-image{display:block;margin-left:auto;margin-right:auto;max-height:100px;object-fit:contain}.card a{text-decoration:none}.card p{color:#fff;font-family:Open Sans;font-size:.7rem;text-align:center}.card .button-text{color:#b9b9b9}.card .blurb{border-top:2px solid #fafafa;font-size:1.3rem;font-weight:100;margin:0 30px;padding-bottom:5px;padding-top:10px}.card .button-fake{background:none;border:1.8px solid #4ba5ff;border-radius:3px;color:#4ba5ff;font-size:1.1rem;letter-spacing:.1rem;margin:0;padding:0 10px 2px}.card .buttons{display:flex;justify-content:center}.card:hover{box-shadow:0 0 15px rgba(0,0,0,.8);cursor:pointer;-webkit-transform:scale(1.03);transform:scale(1.03);transition-duration:.2s}.card:hover h4{opacity:1}.card:hover .tag{background-color:rgba(35,47,56,.5);border:1px solid transparent;color:#fafafa}
/*# sourceMappingURL=main.5002ae6f.css.map*/