@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";.header{font-family:var(--fontFamilyHeadings);display:flex;align-items:center;justify-content:space-between;margin:20px}.header img{max-inline-size:100px}.navbar{display:flex;align-items:center;gap:40px;list-style:none}@media (width<850px){.navbar{gap:10px}}.navbar li{position:relative}.navbar li:hover,.navbar li:focus{cursor:pointer;font-weight:700}.navbar li:before{content:"";position:absolute;width:0;height:2px;bottom:-5px;background:var(--buttonGradient);transition:all .4s;pointer-events:none}.navbar li:hover:before,.navbar li:focus:before{width:100%}.features{max-inline-size:950px;margin:0 auto}.intro{text-align:center}.intro h2{font-size:2.5rem}.intro img{margin:0 auto}button{border:none;background:var(--buttonGradient);border-radius:20px;width:50%;padding:10px;margin-top:30px;margin-bottom:40px;font-family:var(--fontFamilyHeadings);font-size:var(--fontSize);color:var(--fontColor);font-weight:600;transition:.4s}button:hover{cursor:pointer;box-shadow:2px 2px 4px var(--fontColor)}.infoFeatures{font-size:1rem;display:grid;gap:50px;text-align:center}@media (width>850px){.infoFeatures{grid-template-columns:repeat(2,1fr)}}.infoFeatures img{margin:0 auto;padding:20px}.team{margin:80px}.productive{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}@media (width<850px){.productive{flex-wrap:wrap;justify-content:center}}.productive h2{font-size:2.5rem}.productive p{margin-block:20px}.productiveInfo{max-inline-size:600px}.Fylohow{display:flex;align-items:center;gap:20px;color:#65e2d9}.Fylohow p{position:relative}.Fylohow p:hover{cursor:pointer}.Fylohow img{max-inline-size:40px}.Fylohow p:after{content:"";height:2px;bottom:-8px;right:0;width:100%;background:var(--buttonGradient);position:absolute;transition:.4s;pointer-events:none}.Fylohow p:hover:after{width:0}.test{display:grid;gap:50px;justify-content:center}@media (width>850px){.test{grid-template-columns:repeat(3,1fr)}}.test div{background-color:var(--testBg);padding:30px;border-radius:10px}.profileName{display:flex;align-items:center;gap:10px}h5{font-weight:600}.profileName img{max-inline-size:50px;border-radius:100%}.myform{max-inline-size:800px;margin:0 auto;text-align:center;background-color:var(--testBg);border-radius:10px;padding:30px;transform:translateY(20%)}.form{display:flex;align-items:center;justify-content:space-around;margin-top:20px}@media (width<850px){.form{flex-wrap:wrap;justify-content:center}}.form button{max-inline-size:30%}@media (width<850px){.form button{max-inline-size:100%;font-size:.9rem}}input{border:none;height:fit-content;font-family:var(--Raleway);width:150%;padding:10px;border-radius:20px;height:100%}@media (width<850px){input{width:100%}}input:focus{border:var(--buttonGradient) 1px solid}.error{text-align:center;font-size:.9rem;font-weight:550;position:static;color:var(--error);bottom:-10px}.footer{background-color:var(--footerBg);line-height:30px;padding:60px 30px 30px;max-inline-size:100%}.footerLogo{margin-block:50px}.foot{display:flex;align-items:center;justify-content:space-evenly}@media (width<850px){.foot{display:grid;gap:30px}}.location{max-inline-size:500px;display:flex;align-items:flex-start;gap:20px}.contact div{display:flex;align-items:center;gap:20px}.companyInfo p{position:relative;margin-block:10px}.companyInfo p:hover{cursor:pointer;font-weight:600}.companyInfo p:before{content:"";height:2px;background:var(--buttonGradient);width:0;position:absolute;transition:.4s;bottom:-3px}.companyInfo p:hover:before{width:100%}@media (width<850px){.socials{display:flex;justify-content:center;align-items:center}}svg{inline-size:40px;fill:var(--fontColor);border:1px solid var(--fontColor);border-radius:100%;margin-inline:10px;padding:6px;transition:.4s}svg:hover{cursor:pointer;fill:#65e2d9;border:1px solid hsl(176,68%,64%)}*{box-sizing:border-box;padding:0;margin:0}:root{--fontSize: 1.2rem;--fontFamilyHeadings:"Raleway";--fontFamilyBody:"Open Sans";--fontColor:hsl(0, 0%, 100%);--mainBg:hsl(217, 27%, 13%);--mainBgImgDesk: url("data:image/svg+xml,%3csvg%20width='1440'%20height='449'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%200h1454v449H0z'/%3e%3c/defs%3e%3cg%20transform='translate(-14)'%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cpath%20d='M14%20413.954c90.836-5.359%20176.206-50.375%20256.111-135.046C389.968%20151.9%20364.01%20105.164%20563.005%20148.686%20762%20192.207%20745.05%20163.699%20873%2063.13c127.95-100.57%20211-77.554%20289%2044.667%2078%20122.222%20151%20162.895%20284%20207.778%2088.667%2029.921%2092.03%20848.285%2010.091%202455.09H14V413.956z'%20fill='%23181F2B'%20mask='url(%23b)'/%3e%3c/g%3e%3c/svg%3e");--mainBGImgMobile:url("data:image/svg+xml,%3csvg%20width='375'%20height='141'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%200h375v141H0z'/%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cpath%20d='M0%20128.937c22.708-1.669%2044.049-15.69%2064.024-42.063%2029.962-39.56%2023.473-54.118%2073.218-40.562%2049.746%2013.556%2045.508%204.677%2077.494-26.648%2031.985-31.325%2052.746-24.157%2072.245%2013.912%2019.499%2038.07%2055.147%2047.264%2088.395%2061.244%2022.165%209.32%2022.165%201296.047%200%203860.18H0V128.937z'%20fill='%23181F2B'%20mask='url(%23b)'/%3e%3c/g%3e%3c/svg%3e");--footerBg:hsl(216, 53%, 9%);--testBg:hsl(219, 30%, 18%);--error:hsl(0, 100%, 63%);--buttonGradient: linear-gradient(135deg, hsl(176, 68%, 64%), hsl(198, 60%, 50%))}body{font-size:var(--fontSize);font-family:var(--fontFamilyBody);color:var(--fontColor);background-image:var(--mainBgImgDesk);background-color:var(--mainBg);background-position:center;background-size:contain;background-repeat:no-repeat}img{display:block;max-inline-size:100%}