O atributo Required não está funcionando | HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas

Gente, boa noite.

Fui realizar o teste do HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas (Capítulo 4) e o atributo required não está funcionado para mim. Pode me ajudar por favor? Segue abaixo o código que estou utilizando

    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <div class="caixa">
            <h1><img src="logo.png" alt="Logo da Barbearia Alura"></h1>

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>
        </div>
    </header>
    <main>
        <form>
            <label for="nomesobrenome">Nome e sobrenome</label>
            <input type="text" id="nomesobrenome" class="input-padrao" required>

            <label for="email">Email</label>
            <input type="email" id="email" class="input-padrao" required placeholder="seuemail@dominio.com">

            <label for="Telefone">Telefone</label>
            <input type="tel" id="telefone" class="input-padrao" required placeholder="(XX) XXXXX-XXXX">

            <label for="mensagem">Mensagem</label>
            <textarea cols="70" rows="10" id="mensagem" class="input-padrao" ></textarea>

    <fieldset>
        <legend>Como prefere o nosso contato?</legend>
            <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" checked>WhatsApp</label>
    </fieldset>

    <fieldset>
        <legend>Qual horário prefere ser atendido?</legend>
        <select>
            <option>Manhã</option>
            <option>Tarde</option>
            <option>Noite</option>
        </select>
    </fieldset>

        <label class="checkbox">
            <input type="checkbox" checked>
            Gostaria de receber nossas novidades por email?
        </label>

            <input type="submit" value="Enviar formulário"

        </form>
    </main>
    <footer>
        <img src="logo-branco.png" alt="Logo da Barbearia Alura">
        <p class="copyright">&copy; Copyright Barbearia Alura - 2019</p>
    </footer>
</body>