Projeto Satélite

Experimento visual com HTML e CSS para animar um satélite orbitando um planeta. Projeto feito para praticar design, animação e responsividade.

🚀 Sobre o Projeto

O "Satélite" é um site simples criado para aprimorar meus conhecimentos em CSS. A inspiração veio de um vídeo no TikTok. O desafio foi replicar a animação sozinho, focando em técnicas modernas de CSS e design responsivo.

✨ Tecnologias Utilizadas

• HTML5
• CSS3

🌀 Funcionalidade

• Animação visual: satélite orbitando um planeta
• Design limpo e moderno
• Responsivo (funciona em vários dispositivos)

👀 Visualize Online

Acesse o projeto ao vivo:
https://felixfreitasjr.github.io/satelite/

🛠 Como Usar

1. Clone este repositório:

   git clone https://github.com/FelixFreitasJr/satelite.git

2. Abra o arquivo index.html no seu navegador.

📄 Exemplo de Código

.planet {
  width: 30em;
  height: 30em;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 5em 0 #fed84c80, 0 0 20em 4em #e8a55233, 0 0 55em 8em #ff4ff1a;
  position: relative;
}
.satellite, .satellite::after {
  content: "";
  position: absolute;
  width: 5em;
  height: 5em;
  border-radius: 50%;
}

📬 Contato

Fique à vontade para sugerir melhorias ou tirar dúvidas:

• GitHub
• LinkedIn

---

Feito com 💫 por Felix Freitas Jr