<label for="email">E-mail</label>
         <input type="email" class="input-padrao" id="email">

        <label for="telefone">Telefone</label>
         <input type="text" class="input-padrao" id="telefone">

        <label for="mensagem">Mensagem</label>
         <textarea cols="60" rows="10" id="mensagem"></textarea>
        <div>
            <p class="teste" id="teste">Como prefere o nosso contato?</p><br>
            <label for="radio-email"><input type="radio" name="contato" value="email" id="radio-email">email</label>

            <label for="radio-telefone"><input type="radio" name="contato" value="telefone" id="radio-telefone"> 
            Telefone</label>

            <label for="radio-whatsapp"><input type="radio" name="contato" value="whatsapp" id="radio-whatsapp">whatsApp</label>

        </div>

        <div>
        <p>qual horario prefere ser atendido?</p>
        <select>
            <option>manha</option>
            <option>tarde</option>
            <option>noite</option>
        </select>
        </div>

        <label class="checkbox"><input type="checkbox">Gostaria de receber nossas novidades por email?</label>
            <input type="submit" name="contato" value="Enviar Formulario">

    </form>
</main>
<footer>
    <img src="logo-branco.png">
    <p class="copyright">&copy; copyright Barbearia Alura - 2022</p>
 </footer>

.produtos li:hover { border-color: rgb(136, 134, 100);

}

.produtos li:active { border-color: rgb(179, 199, 67); }

.produtos li:hover h2{ font-size: 34px; }

.produtos h2 { font-size: 31px; font-weight: bold; }

.produto-descricao { font-size: 18px; }

.produto-preco { font-size: 22px; font-weight: bold; margin: 10px 0 0; }

footer { text-align: center; background: url("bg.jpg"); padding: 40px 0; }

.copyright { color: white; font-size: 13px; margin: 20px 0 0; }

main { width: 940px; margin: 0 auto; }

form { margin: 40px 0; }

form label, form p { display: block; font-size: 20px; margin: 0 0 10px; }

.input-padrao { display: block; margin: 0 0 10px; padding: 10px 20px; width: 50%; font-weight: bold; }

.checkbox { margin: 20px 0; }