Estilizando pagina web com css

/* clase style.css*/
/* Fiz ajustes somente para exercitar*/

body{
    background-color:indigo;
    color:white;
}

h1,h2 {
    font-size: 2.5rem;
    color: #fc5eff;
    margin-bottom: 20px;
}
a{
    font-display: 2.5rem;
    color: rgb(255, 255, 255);
}
p{
    color:rgb(243, 179, 243);
    text-align: justify; /* Alinha o texto justificado */
}

header{
    background-color: rgb(49, 0, 95);
}

footer{
    background-color: rgb(89, 0, 127);
}
img {
    float: right; /* Faz a imagem flutuar à direita */
    margin-left: 30px; /* Espaço entre a imagem e o texto */

    transform: translate(-50%, -10%); /* Ajusta o centro da imagem */
    margin-bottom: 15px; /* Espaço abaixo da imagem */
    opacity: 0.6; /* Define a transparência (70% opaca) */
}