Atividades | HTML e CSS: Classes, posicionamento e Flexbox

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Atividade</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <main class="textos">
            <h1 class="header">Olá, aqui verificamos seu e-mail e número de telefone.</h1>

            <img src="css.jpg" alt="imagem aleatoria">

            <h1 class=" h1">Você pode colocar suas         credenciais aqui (email ou telefone) </h1>

        <div>
                 <label for="a"> Email </label> <input type="email" class="input"> <button class="button1"> Confirme aqui</button> 

                 <label for="a"> Número celular </label> <input type="tel" class="input2"> <button class="button2"> Confirme aqui</button> 
        </div>
    
        
         <h4 class="final" >Se quiser aprender como fazer um site assim, só clicar no link abaixo</h4>

         <a  href=""> <button class="link" >Curso De Sites</button></a>
        
    </main>
</body>
</html>

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



*{
    background-color: rgb(255, 255, 255);
    padding: 0px;
    margin: 0px;

}


.header{
    padding-left: 300px;
}


img{
    padding-top: 50px;
}

.h1 {
    margin-top: 50px;
}

.input {
    margin-top: 20px; 
    border-radius: 5px;

}

.input2 {
    margin-top: 20px; 
    border-radius: 5px;

}

.button1{   
    border-bottom-width: 1px;
    font-size: small;
    border-radius: 5px;
    border-style: groove;
    width: 90px;
}

.button2{   
    border-bottom-width: 1px;
    font-size: small;
    border-radius: 5px;
    border-style: groove;
    width: 90px;
}

.final{
    margin-top: 120px;
    margin-bottom: 20px;
}

.link{
    font-family: "Kanit", serif;
    text-decoration: none;
    color: black;
    background-color: aqua;
    border-radius: 15px;
    height: 30px;
    width: 150px
    
}

Mergulhe em programação