@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Vazirmatn:wght@300;400;700;900&display=swap";html{scroll-behavior:smooth}body{margin:0;background-color:#132a39;background-image:url("./media/hero-img-synlynx-BZPKUAEK.svg");background-size:90%;background-repeat:no-repeat;background-attachment:fixed;font-family:Vazirmatn,sans-serif;position:relative}header,footer{color:#fff}.placeholder-hero-img{height:90vh}.jobs{visibility:hidden}.job-button{color:#132a39;background-color:#34a0a4;width:8rem;height:8rem;border-radius:50%;border:none;text-transform:uppercase;font-size:1.4rem;font-weight:800;opacity:.7;position:fixed;right:0;top:35%;transform:translate(1rem) rotate(333deg);transition:opacity 1s ease-in-out,transform .8s ease-in-out}.job-button:hover{opacity:1;transform:scale(1.1) translate(-1rem) rotate(30deg)}nav{display:flex;flex-direction:column;align-items:flex-end;right:0;position:fixed}nav a{color:#55b59a;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:1.5rem;padding:2rem 0 .3rem}nav a:after{content:"";width:10em;height:3px;display:block;background:linear-gradient(90deg,#55B59A,#132A39);transition:width 1s ease-in-out}nav a:hover:after{width:13em;background:#55B59A}h1{font-family:Vazirmatn,sans-serif;font-weight:700;text-transform:uppercase;font-size:3.5rem;margin:0;padding:4rem 0 1rem}.heading-green{color:#55b59a}.heading-lightblue{color:#34a0a4}.heading-darkblue{color:#174f77}h2{text-transform:uppercase;font-size:2rem;padding-top:3rem}p{font-size:1.1rem}.wrapper-max-width{width:85%;margin:auto}.wrapper-parallax-cover{transform:skew(0,-4deg);background-color:#132a39;padding-top:4rem;padding-bottom:4rem}.wrapper-parallax-cover>*{transform:skew(0,4deg)}#services,#contact{background-color:#fff;transform:skew(0,-4deg)}#services>*,#contact>*{transform:skew(0,4deg)}.flex-container-row{display:flex;flex-wrap:wrap;justify-content:space-evenly}.flex-container-column{display:flex;flex-direction:column}.services-card{background-color:#9ecb8b1a;flex-basis:35%;padding:2rem;margin:3rem;display:flex;flex-direction:column;align-items:center;position:relative;transition:background-color .5s ease-in-out,color .5s ease-in-out}.services-card:hover{background-color:#9ecb8b33;color:#174f77}.services-icon{max-width:8rem;max-height:8rem;position:absolute;transform:translateY(-70%)}#techstack,#contact{min-height:30em;display:flex}.card-container-techstack{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:3rem}.img-container-techstack{width:12rem;height:12rem;transition:filter .5s ease-in-out}.img-container-techstack:hover{filter:opacity(50%)}.img-container-techstack>img{max-width:100%;max-height:100%}.lets-talk,.email{font-family:Courier Prime,sans-serif;font-size:1.7rem;margin:0}.lets-talk{font-weight:700}.email>a{color:#174f77;transition:color .3s ease}.email>a:hover{color:#55b59a}footer{text-transform:uppercase;font-weight:300;background-color:#132a39}.footer-flex{height:4rem;display:flex;justify-content:space-between;align-items:flex-end}footer a{margin-left:1.5rem;color:#fff;text-decoration:none}.content-wrapper{background-color:#132a39;box-sizing:border-box;height:calc(100vh - 4rem);padding:1rem 10rem;color:#fff;font-weight:300}.imprint .company-name{font-weight:700}.imprint p{margin:0}imprint .p-wrapper{padding-bottom:1rem}@media screen and (max-width: 1260px){.wrapper-max-width{width:90%}.services-card{margin:2rem}h2{margin:0 auto}}@media screen and (max-width: 948px){body{background-image:url("./media/hero-img-synlynx_maxwidth948px-62B3NNYB.svg");background-position-y:4rem}.services-card{margin:2rem .5rem;padding:1rem}.card-container-techstack{justify-content:center}}@media screen and (max-width: 710px){nav{visibility:hidden}.flex-container-row{flex-direction:column}.services-card{margin:3rem}}@media screen and (max-width: 560px){body{background-size:97%}.placeholder-hero-img{height:55vh}.placeholder-hero-img-bottom{display:none}h1{font-size:2.5rem;padding:3rem 0 1rem}h2{font-size:1.5rem;margin:0 auto 0 0}p{font-size:1rem}.services-card{margin:3rem 0}#contact{min-height:26em}}