Feature/39 scroll up (#57)

* Added mobile navigation

* Add scroll down link

* Closes #40 fix class name

* Add scroll up link Closes #39

* Change opacity and position of close icon

* add outline for virto-logo

* Add accessibility attributes Closes #42

* Feature/40 scroll down (#51)

_includes/footer.liquid

@@ -11,4 +11,9 @@
                 <li><a href="#">Contacto</a></li>
             </ul>
         </nav>
+			<a href="#home" class="scroll-up-link lightest-lavender-text center-arrow">Volver arriba
+				<figure class="link-arrow">
+						{% include "up.svg" %}
+				</figure>
+	 		</a>
 </footer>

css/index.css

@@ -60,6 +60,7 @@ figure.logo svg {
 .dark-olive-text { color: var(--clr-olive-darker); }
 .light-green-text { color: var(--clr-green-lighter); }
 .light-lavender-text { color: var(--clr-lavender-lighter); }
+.lightest-lavender-text { color: var(--clr-lavender-lightest); }
 
 a, button, p, .subtitle {
     font-family:  var(--font-secondary);
@@ -77,6 +78,11 @@ a, button, p, .subtitle {
 	left: 90%;
 }
 
+.scroll-up-link { 
+	position: relative; 
+	bottom: 20%; 
+}
+
 /*Home*/
 #home, .top-nav { background-color: var(--clr-green-lighter);   }
 #home button { background-color: var(--clr-green-darker); }
@@ -119,6 +125,9 @@ a, button, p, .subtitle {
 		top: auto;
 		transform: none;
 	  }
+	.scroll-up-link {
+		display: none;
+	}
 }
 
 #home .max, #presentacion .max {

css/layout.css

@@ -116,7 +116,7 @@ footer {
     display: flex;
     flex-direction: row;
     align-items: flex-start;
-    justify-content: space-between;
+    justify-content: end;
     flex-wrap: wrap;
 	margin: 3rem;
 	gap: 3rem;