doc: Create documentation

README.md

@@ -0,0 +1,76 @@
+<h1 align="center">
+    <img src=".github/logo-icon.svg" width="200" alt="Logo Ceap">
+</h1>
+<p align="center">
+    <img alt="Plataforma" src="https://img.shields.io/static/v1?label=Plataforma&message=Web&color=6746a4&labelColor=a3fe47">
+    <img alt="Ceap" src="https://img.shields.io/static/v1?label=Version&message=1.2.7&color=6746a4&labelColor=a3fe47">
+    <img alt="Tamanho do repositório" src="https://img.shields.io/github/repo-size/NyctibiusVII/Ceap?color=6746a4&labelColor=a3fe47">
+    <a href="https://github.com/NyctibiusVII/Ceap/blob/main/LICENSE">
+        <img alt="Licença" src="https://img.shields.io/static/v1?label=License&message=MIT&color=6746a4&labelColor=a3fe47">
+    </a>
+</p>
+<p align="center">
+    <a href="#ceap-">Projeto</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+    <a href="#tecnologias-">Tecnologias</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+    <a href="#layout-">Layout</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+    <a href="#licença-%EF%B8%8F">Licença</a>
+</p>
+
+# Ceap (login) <img src=".github/favicon.svg" width="32" alt="favicon">
+Login dos colaboradores e dos visitantes do site do CEAP Pedreira.
+
+#### Funcionalidades
+* Responsividade
+* Design atrativo e moderno
+* Animação de interação
+
+## Tecnologias 🚀
+Esse projeto foi desenvolvido com as seguintes tecnologias:
+- [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)
+- [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
+- [Javascript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
+
+## Layout 🚧
+### Desktop Screenshot
+<div style="display: flex; flex-direction: 'column'; align-items: 'center';">
+<!-- Responsive, 1366 x 768, 50% (Laptop L - 1366px) -->
+    <img width="400px" src=".github/home-desktop.png">
+</div>
+
+### Mobile Screenshot
+<div style="display: flex; flex-direction: 'row';">
+<!-- Responsive, 320 x 711, 75% (Mobile X11T - 320px) -->
+    <img width="180px" src=".github/home-mobile.png">
+</div>
+
+## Rodando o projeto 🚴🏻‍♂️
+#### "Só vou dar uma olhadinha...":
+  <a href="https://nyctibiusvii.github.io/Ceap">👩🏻‍🏫 Site hospedado no Github 📄</a>
+
+#### Na sua maquina:
+```bash
+# Clone o repositório
+$ git clone https://github.com/NyctibiusVII/Ceap.git
+
+# Acesse a pasta do projeto no terminal
+$ cd Ceap
+
+# Execute o projeto
+$ 🌐 Live Server
+```
+
+## Contribuição 💭
+Confira a página de [contribuição](./CONTRIBUTING) para ver como começar uma discussão e começar a contribuir.
+
+## Licença ⚖️
+Este projeto está sob a licença do MIT. Veja o arquivo [LICENSE](https://github.com/NyctibiusVII/Ceap/blob/main/LICENSE) para mais detalhes.
+
+## Contribuidores 🦸🏻‍♂️
+<a href="https://github.com/NyctibiusVII/Ceap/graphs/contributors">
+    <img src="https://contributors-img.web.app/image?repo=NyctibiusVII/Ceap&max=500" alt="Lista de contribuidores" width="15%"/>
+</a>
+
+<br/>
+<br/>
+
+###### Feito com ❤️ por Matheus Vidigal 👋🏻 [Entre em contato!](https://www.linkedin.com/in/matheus-vidigal-nyctibiusvii)

src/styles.css

@@ -46,7 +46,6 @@ body {
     text-rendering: optimizeLegibility;
 
     display: flex;
-    /* flex-direction: column; */
     align-items: center;
     justify-content: center;
 }