fixed Watermark CSS and Updated Copyright year

1 files changed, 32 insertions, 22 deletions

diff --git a/frontend/src/components/Watermark.js b/frontend/src/components/Watermark.js
index 2f6c8c6..8f71f10 100644
--- a/frontend/src/components/Watermark.js
+++ b/frontend/src/components/Watermark.js
@@ -3,30 +3,40 @@ import React from "react";
 import Footer from "./Footer";
 
 const Logo = styled.div`
-    position: fixed;
-    bottom: 1em;
-    left: 2em;
-    opacity: 0.3;
-    transition: opacity 0.5s cubic-bezier(.25,.8,.25,1);
-    
-    &:hover {
-        opacity: 1;
-    }
+  position: fixed;
+  bottom: 1em;
+  left: 2em;
+  opacity: 0.3;
+  transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
+
+  &:hover {
+    opacity: 1;
+  }
 
-    & > h1 {
-        font-size: 50px;
-        margin: 0 0;
-      
-        & > a {
-            text-decoration: none;
-            position: relative;
-            color: ${p => p.theme.colors.text};
-        }
+  & > h1 {
+    font-size: 50px;
+    margin: 0 0;
+
+    & > a {
+      text-decoration: none;
+      position: relative;
+      color: ${(p) => p.theme.colors.text};
     }
-`
-export const Watermark = () => <Logo>
+  }
+
+  @media (max-width: 960px) {
+    position: relative;
+    bottom: 6.5em;
+    display: grid;
+    left: -6em;
+    font-size: 10px;
+  }
+`;
+export const Watermark = () => (
+  <Logo>
     <h1>
-        <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a>
+      <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a>
     </h1>
     <Footer />
-</Logo>
\ No newline at end of file
+  </Logo>
+);