.button{background:var(--purple);color:var(--white);font:var(--button);padding-inline-start:24px;padding-inline-end:24px;padding-block-start:13px;padding-block-end:13px;border-radius:4px;text-transform:uppercase;border:none;text-decoration:none;text-align:center;cursor:pointer}.button:hover{background:#4016ac}.button.is-secondary{background:unset;color:var(--purple);border:2px solid var(--purple)}.button-icon{padding:10px;border-radius:4px;background:var(--white);border:2px solid var(--purple);text-decoration:none;display:inline-block}.button-icon:hover{background:#e7e7e7}.button-icon-foto{padding:10px;text-decoration:none;display:inline-block;color:#fff}h2.title-white{color:(--white)}.button-icon img{vertical-align:middle}.header{position:sticky;top:0;backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:end;align-items:center;block-size:80px}.hero{padding-block-start:16px}.hero-description{display:flex;flex-direction:column;gap:16px}.hero-image{text-align:center}.hero-image img{max-inline-size:100%;block-size:auto;border-radius:24px}.hero h1{font:var(--headline3);margin:0}.hero h1 span:nth-of-type(1){font:var(--headline5);display:block}@media screen and (min-width: 768px){.hero{display:flex;gap:32px}.hero-description{order:1;max-inline-size:450px}.hero-image{order:2;text-align:center;flex:1}}@media screen and (min-width: 1024px){.hero-image img{inline-size:500px;block-size:504px}}.wrapper{max-inline-size:1158px;padding-inline-end:16px;padding-inline-start:16px;margin:auto}.menu{display:none}.menu ul{display:flex;list-style:none;gap:40px}.menu ul a{text-decoration:none;color:var(--white);font:var(--button);text-transform:uppercase}.menu ul a:hover{color:#f1f1f1}.menu ul a.is-active{color:var(--white)}.menu ul a.is-active:hover{color:#5730bb}@media screen and (min-width: 768px){.menu{display:block}}.coment{padding-block-start:200px;padding-block-end:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px}.coment p{margin:0}.coment .coment-first-text{font:var(--body1)}.coment .coment-second-text{font:var(--button)}.coment img{inline-size:80px;block-size:80px}@media screen and (max-width: 768px){.coment{padding-block-start:40px;padding-block-end:40px}}.project{padding-block-start:40px;padding-block-end:40px}.project-image img{max-inline-size:100%}.project-description{display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 768px){.project{display:flex;align-items:center;gap:32px;padding-block-start:80px;padding-block-end:80px}.project-description{flex:1}.project:nth-child(odd) .project-image{order:2;flex:1;text-align:center}}.testimony{border-radius:24px;border:white solid 4px;padding:24px;background:linear-gradient(rgba(255,255,255,.2),rgba(255,0,0,0)) padding-box,linear-gradient(to top,rgba(255,255,255,.2),rgba(255,255,255,.2)) border-box;text-align:center;margin:40px 0 80px}.testimony .testimony-coment{font:var(--headline5);text-align:left}.testimony .testimony-name{font:var(--caption);text-align:left;opacity:.5}@media screen and (min-width: 768px){.testimony{padding:80px}.testimony .testimony-coment{font:var(--headline4);text-align:center}.testimony .testimony-name{font:var(--headline5);text-align:center}}.social{padding-block-end:24px;display:flex;gap:16px}.footer-content{color:var(--white);text-align:center}.footer-logo{display:none}.footer .social{justify-content:center;padding:0}@media screen and (min-width: 768px){.footer-logo{display:block}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer .social{order:3}}@media screen and (min-width: 1024px){.footer-copyright{display:flex;gap:8px}.footer{margin-block-start:40px;margin-block-end:40px}}.form-content{display:flex;flex-direction:column;gap:16px;max-inline-size:540px;margin:auto}.form{margin-block-end:80px}.form -title{margin:0}.form p{color:var(--white);margin:0;text-align:center}.form label{display:flex;flex-direction:column;font:var(--button)}.form input,.form textarea{border:2px solid #858C94;border-radius:8px;padding-inline-end:16px;padding-inline-start:16px;padding-block-start:12px;padding-block-end:12px;font:var(--body1);margin-block-start:8px}@media screen and (min-width: 768px){.form .title{align-self:stretch;text-align:center}}.title{background:var(--purple);align-self:flex-start;color:var(--white);font:var(--headline5);padding-block-start:4px;padding-block-end:4px;padding-inline-start:8px;padding-inline-end:8px;text-decoration:none;box-shadow:-4px 4px 0 var(--white)}.img-logo-experience{width:400px;height:200px}:root{--fontBase: "Poppins", sans-serif;--headline1: bold 95px/153.71px var(--fontBase);--headline2: bold 59px/95px var(--fontBase);--headline3: bold 48px/77px var(--fontBase);--headline4: bold 34px/55px var(--fontBase);--headline5: bold 24px/38px var(--fontBase);--body1: 16px/25px var(--fontBase);--body2: 14px/22px var(--fontBase);--button: bold 14px/22px var(--fontBase);--caption: 12px/19px var(--fontBase);--gradient: radial-gradient(circle at 95.45% 104.17%, #ffc061 0, #ffb55d 12.5%, #ffa655 25%, #fe924a 37.5%, #f2793c 50%, #e65f31 62.5%, #dd472c 75%, #d7312d 87.5%, #d41833 100%);--purple: #310A90;--green: #42E2B8;--white: white;scroll-behavior:smooth}body{background:var(--gradient);min-block-size:100vh;font:var(--body1);color:var(--white);margin:0}