Dio Desafio de GitHub - Repositório Com meus códigos HTML

Sintaxe básica Markdown

file:///home/luiz/Documentos/Site/index.html

Site Luiz Html

Era uma vez, a chapeuzinho Blue, uma garota extrovertida e inteligente,
crazy por assim dizer, andava sem preocupação pois claramente era crazy.

Veio o lobo mal e a matou, fim da história.

Boa leitura!!
Brincadeira kakakaka

Botão clique em mim:

Clique em mim

1. Frango empanado
2. Farinha com Fermento
3. Leite
4. 4 Ovos
5. Manteiga
6. Ervilha e milho
7. Cenoura Ralada
8. Atum

Style CSS

• { box-sizing: border-box; margin: 0px; padding: 0px; } /* olá !! Vai estudar Pô */

body { font-family: 'Pushster', 'cursive';

}

.lata { width: 50%; height: 50%; margin: auto; padding: auto; box-sizing: none; border: none; position: absolute; top: 0px; }

.lata > a { height: 30px; color:#00ff00; font-size: 57px; margin: 0 15px; }

h1 { color: blue; font-size: 25px; border: 5px #55ff }

.um:hover { color: red; border: 7px solid red; }

.texto { color: greenyellow; font-size: 25px; border: 5px solid #55ff }

.texto:hover { color: red; border: 7px solid red; }

#filura { font-size: 30px; color: aquamarine; width: 200px }

#filura:hover { color: red; font-size: 33px; }

body { background-color: black; padding: auto; border: 20px; margin: 200pt; padding-right: 5px; }

p { font-size: 15px; color: white; border: 5px solid #00ff; }

ol { font-size: 33px; color: white; margin-top: auto; border: 5px solid #00ff; padding: 50px; }

ol:hover { font-size: 50; color: blue; border-radius: 50px; }

.um { background-color: white; border: 5px solid #00ff; }

div { font-size: 30px; color: white; border: 5px double #00ff00; }

.futuro { border: 8px groove blueviolet; display: flex; justify-content: center; align-items: center; padding: center; border-radius: 100px; width: 50px; height: 50px; }

.futuro:hover { width: 100px; height: 100px; border-radius: 200px; }

a { font-size: 30px; color: blue; border: 5px double #00ff00; padding: 10px; margin: 5px; }

.abaixo { padding: 10px; margin: 10px; width: 275px; height: 150px; flex-direction: column; }

.cinco { width: 30px; height: 30px; border: none; }

#bore { background: #ccc; color: blue; font-size: 30px; }

tbody > tr:nth-child(2n) { background-color: rgb(98, 146, 194); border-bottom: 2px solid #00ff00; width: 300px; border: 10px; }

thead, td:hover { background-color: red; }

.num { font-size: 1.sem; font-weight: bold; padding: 10px; background-color:rgb(6, 199, 233); } h2 { font-size: 50px; color:rgb(6, 199, 233); }

a { font-size: 50px; color:blueviolet; display: inline; border: none; }

#nove { height:500px; width: 500px; border: 10px solid rgb (10,20,85); }

.video { width: 600px; max-width: 800px; }

.video-area { position: relative; height: 0px; background-color: #ccc; padding: 0px 0px 56.20%; }

.video-area iframe { position: absolute; top: 0px; bottom: 0px; width: 100%; height: 100%; border: 0px; }