1 files changed, 69 insertions, 2 deletions
diff --git a/frontend/site/projects/museum/views/nav.css b/frontend/site/projects/museum/views/nav.css
index 2b6d75a..a44758f 100644
--- a/frontend/site/projects/museum/views/nav.css
+++ b/frontend/site/projects/museum/views/nav.css
@@ -1,13 +1,80 @@
+.museum-nav .home-link {
+  position: fixed;
+  top: 0; left: 0;
+  padding: 1rem;
+  color: rgba(255, 121, 13, 1.0);
+  font-family: 'Helvetica', sans-serif;
+  font-size: 1.2rem;
+  cursor: pointer;
+}
+
+/* footer */
+
 .footer {
   position: fixed;
   bottom: 0;
   width: 100%;
-  background: linear-gradient(90deg, rgba(255, 121, 13, 0.0), rgba(255, 121, 13, 1.0));
+  height: 5rem;
+  color: black;
+}
+.footer-gradient {
+  position: absolute;
+  bottom: 0rem;
+  width: 100%;
+  height: 5rem;
+  background: linear-gradient(180deg, rgba(255, 121, 13, 0.0), rgba(255, 121, 13, 1.0) 70%);
+  transform: translateY(2rem);
+  transition: transform 0.15s;
+}
+.footer .arrow {
+  position: absolute;
+  bottom: 0;
+  height: 3rem;
+  width: 4rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  transition: transform 0.15s;
+  transform: translateY(3rem);
+}
+.footer .arrow-left {
+  left: 0;
+}
+.footer .arrow-right {
+  right: 0;
+}
+.footer .artist-desc {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  white-space: nowrap;
+  text-align: center;
+  padding-bottom: 0.5rem;
+  transition: transform 0.15s;
+  transform: translateY(3rem);
 }
 .footer .artist-name {
   font-family: "Druk Wide";
   font-style: italic;
+  text-transform: uppercase;
+  margin-right: 1rem;
+  font-size: 28px;
+  line-height: 28px;
+  cursor: default;
 }
 .footer .artist-location {
   font-family: "Helvetica", sans-serif;
-}
-\ No newline at end of file
+  font-size: 21px;
+  line-height: 21px;
+  cursor: default;
+}
+
+.footer.with-artist:hover .arrow,
+.footer.with-artist:hover .artist-desc {
+  transform: translateY(0);
+}
+.footer.with-artist:hover .footer-gradient {
+  transform: translateY(0);
+}