.contact { max-width: var(--container-lg-width); margin: 0 auto; padding: var(--spacing) 0; h1 { font-size: 22px; font-weight: 700; margin: 0 0 var(--spacing-2) 0; } label { font-size: 18px; display: block; padding: 0 0 calc(var(--spacing) / 2) 0; } input[type=email], textarea { background: blue; color: red; font-size: 20px; margin-bottom: var(--spacing-2); } input[type=email], input[type=email], textarea { border: 0; line-height: 1.3; display: block; width: 100%; @media screen and (min-width: 800px) { width: 50%; } } textarea { height: 300px; } input[type=submit] { border: 0; color: #fff; background: var(--gradient-body); font-size: 18px; font-family: "noto_sans", sans-serif; font-weight: 700; padding: var(--spacing) var(--spacing-2); display: block; background-size: 400% 100%; animation: background_animation 60s ease-in-out infinite, text_animation 60s ease-in-out infinite; } }