Merge pull request #11 from Jovens-do-futuro/dev-pedro

feat: mouse && circle
Jovens-do-futuro · May 24, 2024 · 37e4b8a · 37e4b8a
2 parents 083084a + f58fe12
commit 37e4b8a
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -17,6 +17,8 @@
     <main>
       <div class="home">
         <section id="text">
+          <img src="/assets/circle-hero.png" alt="circulos" id="circle">
+
           <h1>
             Oferecendo Esperança e <br />
             Oportunidade
@@ -40,6 +42,10 @@ <h1>
           <img src="/assets/img-hero.png" alt="Criança com boneco" />
         </section>
       </div>
+
+      <section id="s-mouse">
+        <img src="/assets/icon-mouse.png" alt="mouse se mexendo" id="mouse">
+      </section>
     </main>
 
     <footer></footer>

diff --git a/style.css b/style.css
@@ -1,3 +1,8 @@
+main {
+  display: flex;
+  flex-direction: column;
+}
+
 .home {
   display: flex;
   justify-content: space-around;
@@ -23,3 +28,25 @@
 #acoes {
   width: 50%;
 }
+
+#circle {
+  position: absolute;
+  left: -1rem;
+}
+
+#s-mouse {
+  text-align: center;
+}
+
+#mouse {
+  animation: go-up 1s infinite alternate;
+}
+
+@keyframes go-up {
+  from {
+    transform: translateY(20px);
+  }
+  to {
+    transform: translateY(0);
+  }
+}