Estil corporatiu (css)

Per començar, he usat el gemini perquè em faci el fitxer HTML i el CSS usant el següent prom: necessito que em facis un fitxer CSS i un HTML de classe Edgar que sigui molt senzill.

I m’ha generat els següents codis:

EL HTML:


<!DOCTYPE html>

<html lang="ca">

<head>
<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pàgina de l'Edgar</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<h1 class="edgar">Hola, soc l'Edgar!</h1>

<p>Aquest és un paràgraf normal.</p>

<div class="edgar">
    Aquest és un quadre amb la classe Edgar.
</div>
</body>
</html>

EL CSS:

/* Estil per a la classe edgar */
.edgar {
    color: white;               /* Color del text */
    background-color: #2c3e50;  /* Color de fons (blau fosc) */
    padding: 20px;              /* Espai interior */
    margin: 10px 0;             /* Espai exterior */
    border-radius: 8px;         /* Arronsonament de les esquines */
    font-family: Arial, sans-serif;
    text-align: center;         /* Text centrat */
}