@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@700&family=Montserrat:wght@500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: hsl(98, 90%, 19%);--primary-200: hsl(98, 90%, 92%);--danger: hsl(4, 69%, 50%);--white: hsl(0, 0%, 100%);--grey-100: hsl(202, 86%, 94%);--grey-300: hsl(203, 41%, 72%);--grey-500: hsl(200, 26%, 54%);--grey-700: hsl(200, 24%, 40%);--grey-900: hsl(202, 55%, 16%);--grey-1000: hsl(202, 55%, 8%)}input{padding-inline:.2rem;padding-block:.3rem;accent-color:var(--primary)}input[type=text]:user-invalid,input[type=email]:user-invalid,input[type=checkbox]:user-invalid,textarea:user-invalid{outline:1px auto var(--danger)}label{color:var(--grey-700);font-size:.8rem;line-height:1.7rem}label:has(input[required],textarea[required])>span:first-of-type:after{content:"*";padding-inline:.2rem}label:has(>input[type=text],>input[type=email],>textarea){display:inline-flex;flex-direction:column;flex:1}label:has(>input[type=checkbox],>input[type=radio]){cursor:pointer;display:inline-flex;gap:.4rem}label:has(>input[type=radio]){cursor:pointer;border-radius:.3rem;padding:.5rem;outline:1px solid var(--grey-700);text-wrap:nowrap;flex:1}label:has(>input[type=radio]):hover{border-color:var(--grey-900)}label:has(>input[type=radio]:user-invalid){outline:2px solid var(--danger)}label:has(>input[type=radio]:checked){background-color:var(--primary-200)}button{border:none;cursor:pointer;padding-block:.6rem;border-radius:.5rem}button[type=submit]{color:var(--grey-100);background-color:var(--primary);width:100%}body{background-color:var(--grey-100);font-family:Montserrat,sans-serif;min-height:100vh;display:grid;place-items:center}@media (max-width: 500px){body{place-items:flex-start}}