*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins}body{flex-direction:column;min-height:100vh;display:flex}footer{margin-top:auto}.fullstop{color:var(--coral)}:root{--coral:#f05d4d;--green:#238f51;--yellow:#fec126;--light-grey:#e8e8e8;--dark-grey:#181818}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.navbar{z-index:999;background-color:#fff;flex-grow:0;flex-shrink:0;align-items:center;height:80px;font-size:1.2rem;display:flex;position:sticky;top:0}.navbar-container{justify-content:center;align-items:center;width:80%;height:80px;margin:0 auto;display:flex}.navbar-logo{cursor:pointer;justify-self:start;align-items:center;font-size:2rem;text-decoration:none;display:flex}.navbar-logo:hover{opacity:.8}.navbar-logo img{width:120px}.navbar-menu{grid-gap:10px;text-align:center;grid-template-columns:repeat(4,auto);justify-content:flex-end;width:80vw;list-style:none;display:grid}.navbar-item{height:80px}.navbar-links{color:var(--dark-grey);align-items:center;height:100%;padding:.5rem 1rem;text-decoration:none;display:flex}.navbar-links:hover{border-bottom:4px solid var(--coral);color:var(--coral);transition:all .2s ease-out}.fa-bars{color:var(--dark-grey)}.navbar-menu-icon{display:none}@media screen and (width<=960px){.navbar-menu{opacity:1;flex-direction:column;justify-content:flex-start;width:100%;height:90vh;transition:all .5s;display:flex;position:absolute;top:80px;left:-100%}.navbar-menu.active{opacity:1;z-index:1;background:#fff;transition:all .5s;left:0}.navbar-links{text-align:center;width:100%;padding:2rem;display:table}.navbar-links:hover{background-color:var(--coral);color:#fff;border-radius:0}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.navbar-menu-icon{cursor:pointer;color:var(--dark-grey);font-size:1.8rem;display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%)}.fa-times{color:var(--dark-grey);font-size:2rem}}.home-services-section{flex-flow:wrap;justify-content:center;width:80%;margin:80px auto;display:flex}.home-services-title{margin-bottom:30px}.home-services-title h2{text-align:center;font-size:30px;font-weight:400}.home-services-cards{flex-flow:wrap;justify-content:center;width:100%;display:flex}.home-how-section{flex-flow:wrap;justify-content:center;width:80%;margin:80px auto;display:flex}.home-how-title{width:100%;margin-bottom:30px}.home-how-title h2{text-align:center;font-size:30px;font-weight:400}.home-how-cards{flex-flow:wrap;justify-content:center;width:100%;display:flex}.hero-container{justify-content:center;align-items:left;object-fit:contain;background:50%/cover no-repeat;background-color:var(--green);width:100%}.hero-content{flex-direction:row;width:80%;margin:0 auto;padding:80px 0;display:flex}.hero-text{width:70%}.hero-text>h1{color:#fff;margin-top:-10px;font-size:50px;font-weight:400}.hero-text>p{color:#fff;margin-top:8px;font-size:20px}.hero-graphics{text-align:center;color:#fff;width:20%;padding:30px 0}.fa-terminal{margin-left:100px;font-size:80px;animation-name:slide-in;animation-duration:2s}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media screen and (width<=960px){.hero-text{width:100%}.hero-text>h1{margin-top:-20px;font-size:40px}.hero-text>p{font-size:15px}.hero-graphics{display:none}}.card-wrapper{filter:drop-shadow(0 6px 20px #387dff04);background:#fff;border-radius:8px;flex-direction:column;flex:1;min-width:300px;max-width:450px;margin:10px 1.5rem;padding:10px;animation-name:fade-in;animation-duration:1s;display:flex;box-shadow:0 6px 10px #00000032}.card-image img{max-width:100%;max-height:100%;padding:40px 100px 0}.card-title{background-color:fff;text-align:center;color:var(--coral);border-radius:5px 5px 0 0;padding:15px;font-size:20px}.card-title h3{font-weight:400}.card-text{white-space:pre-line;padding:20px}@media screen and (width<=960px){.card-wrapper{margin:20px 1.5rem;padding:30px}.card-image img{padding:30px 40px 20px}}.howcard-wrapper{filter:drop-shadow(0 6px 20px #387dff04);background:#fff;border-radius:8px;flex-direction:column;flex:1;min-width:300px;max-width:450px;margin:10px 1.5rem;padding:10px;animation-name:fade-in;animation-duration:1s;display:flex;box-shadow:0 6px 10px #00000032}.howcard-title{background-color:fff;text-align:center;color:var(--coral);border-radius:5px 5px 0 0;padding:15px;font-size:20px}.howcard-title h3{font-weight:400}.howcard-text{text-align:center;margin-bottom:20px;padding-left:20px;padding-right:20px;overflow-y:auto}@media screen and (width<=960px){.howcard-wrapper{padding:20px}}.contact-banner-wrapper{background-color:var(--green);color:#fff;height:150px}.contact-banner-content{vertical-align:middle;flex-direction:row;justify-content:center;width:80%;margin:0 auto;padding:50px 0;font-size:30px;display:flex}.contact-banner-button{margin-left:100px}.contact-banner-button button{cursor:pointer;color:var(--dark-grey);filter:drop-shadow(0 2px 10p #0006);background-color:#fff;border:0;border-radius:5px;padding:10px 20px;font-size:20px;box-shadow:0 2px 10px #0006}.contact-banner-button button:hover{opacity:.9}@media screen and (width<=960px){.contact-banner-wrapper{height:200px}.contact-banner-content{text-align:center;flex-direction:column;width:80%;font-size:30px}.contact-banner-text{font-size:25px}.contact-banner-button{margin:20px auto}.contact-banner-button button{border-radius:5px;padding:5px 30px;font-size:20px}}.service-cards{flex-flow:wrap;justify-content:center;width:80%;margin:80px auto;display:flex}.team-cards{flex-flow:wrap;justify-content:center;margin:80px auto;display:flex}.team-member-wrapper{filter:drop-shadow(0 0 5px #0000001a);background-color:#fff;border-radius:5px;flex-direction:column;flex:1;min-width:200px;max-width:350px;margin:10px 2rem;animation-name:fade-in;animation-duration:1s;display:flex;box-shadow:0 0 5px #0000001a}.team-member-image img{border-radius:50%;max-width:100%;max-height:100%;padding:20px}.team-member-name{text-align:center;color:var(--coral);background-color:#fff;border-radius:0 0 5px 5px;padding:0 0 20px}.team-member-name h3{text-transform:uppercase;font-weight:400}.team-member-icons a{color:var(--coral);opacity:.8;font-size:30px}.team-member-icons a:first-child{margin-right:10px}.team-member-linkedin a:hover{opacity:1}.contact-wrapper{filter:drop-shadow(0 1px 10px #0003);background-color:#fff;border-radius:5px;flex-flow:wrap;width:80%;margin:40px auto;padding:50px;display:flex;box-shadow:0 1px 10px #0003}.contact-form{width:50%;min-width:150px}.contact-details{width:50%;padding-top:30px;font-size:18px}.contact-details a{color:var(--dark-grey);text-decoration:none}.contact-details a:hover{color:var(--coral);opacity:.8;cursor:pointer;text-decoration:none}.contact-details-icon{color:#000;font-size:30px}@media screen and (width<=820px){.contact-form{width:100%;margin-bottom:20px}.contact-wrapper{width:90%}}.contact-form-label{margin-bottom:5px;margin-right:20px;display:block}.contact-form-input{filter:drop-shadow(0 1px 1px #0000001a);border:0;border-radius:5px;width:80%;margin-bottom:30px;padding:10px;display:block;box-shadow:0 1px 1px #0000001a}.contact-form-message{filter:drop-shadow(0 1px 1px #0000001a);border:0;border-radius:5px;width:80%;height:100px;margin-bottom:30px;padding:10px;display:block;box-shadow:0 1px 1px #0000001a}.contact-form-button{background-color:var(--coral);color:var(--light-grey);filter:drop-shadow(0 2px 10p #0003);border:0;border-radius:5px;padding:10px 30px;font-size:15px;box-shadow:0 2px 10px #0003}.contact-form-button:hover{opacity:.8;cursor:pointer}@media screen and (width<=820px){.contact-form-input,.contact-form-message{width:100%;margin-bottom:20px;padding:10px;display:block}}.footer-container{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 0 2rem;display:flex}.footer-social-icon-link{color:var(--dark-grey);font-size:24px}.footer-social-icon-link:hover{color:var(--coral);opacity:.8;cursor:pointer}.footer-text{width:100%;max-width:1000px}.footer-wrap{flex-flow:wrap;justify-content:space-evenly;align-items:center;width:100%;max-width:1000px;margin:20px auto 0;display:flex}.footer-social-icons{justify-content:space-between;align-items:center;width:60px;display:flex}.footer-logo{color:#fff;cursor:pointer;justify-self:start;align-items:center;text-decoration:none;display:flex}.footer-logo:hover{opacity:.8}.footer-logo img{height:40px;margin-bottom:5px}.footer-website-rights{color:var(--dark-grey);text-align:center;margin-bottom:0;font-size:15px}.footer-website-rights a:visited,.footer-website-rights a:link{color:var(--dark-grey);text-decoration:none}.footer-website-rights a:hover{color:var(--coral)}.footer-sf-logo img{height:40px}.footer-sf-logo:hover{opacity:.8}@media screen and (width<=960px){.footer-text{width:80%}}.notfound-wrapper{text-align:center;width:80%;margin:80px auto}.notfound-image img{width:200px;margin:0 auto}.notfound-text{color:var(--coral);margin-top:20px;font-size:30px}@media screen and (width<=1250px){.notfound-wrapper{margin:60px auto}.notfound-text{font-size:20px}}