Aula CSS 01.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Primeira Aula de CSS</title>
</head>
<style>
    .corpo {
        margin: 0;
    }
    .card {width: 500px; height: fit-content; background-color: aliceblue; border-radius: 25px; border: dashed
     5px #022419;}
    .boxImage {
        width: 100px; height: 100px; background: #022419; border: 1px solid #022419; border-radius: 50px;
    }

</style>
<body>
    
</body class = "corpo">
    <div class="card">
        <div class = "boxImage"></div>
        <h1 style="font-family: monospace, sans-serif; font-size: 30px;">
            Meu nome é: <span style="color: red;">Gabriel</span></h1>
        <p>
            Mensagem: <i style="color: magenta">A vida não é um morango, é um moranguete!</i>
        </p>
    </div>
</html>