HTML:
<title>Tela inicial</title>
<meta charset="UTF-8">
<meta name="viewport" content="width-divice-width, inicial-sclae=1">
<link rel="stylesheet" href="../css/styles.css">
</heade>
<section class="container">
CSS:
*{ margin: 0%; padding: 0%; }
:root { --cor-letras: #FFFFFFFF; --cor-secundaria: #c0c0c0; --botoes: #167bf7; --cor-terciaria: #00030c; }
body{ background-color: var(--cor-terciaria); }
.principal{ color: var(--cor-letras); background-image: url("../img/teclado.jpg"); background-repeat: no-repeat; background-size: 50% 80% ; background-position: center;
}
.botão{ background-color: var(--botoes); border-radius: 5px; padding: 1em; color: var(--cor-letras);
} .botão_secundario{ background-color: transparent; border: 2px solid var(--cor-letras); }
Meu código está muito zoado, tentei ter alguma ajuda com chat gpt ou até o luri, mas nem um deles me entregou uma resposta que conseguisse deixar meu codigo com uma aparencia proxima do código da prof, queria saber o porque e como mudar isso.