From 4274b14841230596639da773b006c79fe40145ab Mon Sep 17 00:00:00 2001 From: Siddhant Khare Date: Tue, 13 Apr 2021 11:38:42 +0530 Subject: fixed Watermark CSS and Updated Copyright year --- frontend/src/components/Watermark.js | 54 +++++++++++++++++++++--------------- 1 file changed, 32 insertions(+), 22 deletions(-) (limited to 'frontend/src/components/Watermark.js') 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 = () => + } + + @media (max-width: 960px) { + position: relative; + bottom: 6.5em; + display: grid; + left: -6em; + font-size: 10px; + } +`; +export const Watermark = () => ( +

- ctrl-v + ctrl-v