@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";:root{font-size:62.5%;--border: .1rem solid rgba(0, 0, 0, .15);--border-rad: 1.2rem;--pink: #FF5678}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:1.4rem}.content{display:grid;grid-template-areas:". . . ." ". hero form ." ". hero form .";gap:8.5rem}aside{grid-area:hero}main{grid-area:form}aside h1{font-size:6.4rem;font-weight:500;line-height:7.5rem}aside h1 span,main h2 span{color:var(--pink)}main{position:relative;width:60rem;height:52rem;border:var(--border);border-radius:var(--border-rad);padding:4.4rem 5.7rem}main h2{font-size:3.6rem;font-weight:500;max-width:43rem}main header{display:flex;gap:0 1.8rem;align-items:center}main header a{color:var(--pink);font-size:2.4rem}main form{margin-top:1.6rem}main form label{display:block;font-weight:400;font-size:1.6rem;margin:1rem 0}main form :is(input,select){width:48.9rem;height:5.5rem;border-radius:var(--border-rad);border:var(--border);padding:0 1.8rem;background-color:#fff}main form .poinst{position:relative}main form input+button{position:absolute;right:1.5rem;top:calc(50% + 7.65rem);background-color:transparent;border:none;color:#35e6e9;font-size:2.4rem;cursor:pointer}main .botoes{display:flex;flex-flow:column}main .botoes :is(a,button){background-color:#35e6e9;color:#fff;height:5.5rem;font-size:2.4rem;border-radius:var(--border-rad);text-decoration:none;border:none;display:flex;justify-content:center;align-items:center;margin-top:5.4rem}main .botoes a+a{background-color:#ff5678;margin-top:4.8rem}button:hover{cursor:pointer}main footer p{font-size:1.6rem;margin-top:8rem}main footer a{display:block;font-size:1.8rem;margin-top:1rem;text-align:center;color:#000;font-weight:500}@media (max-width: 489px){body{display:flex;align-items:center}.content{display:flex;flex-flow:column}aside{display:flex;flex-direction:column;text-align:center}}