ui(home): make elements 20% smaller

src/components/DiscordButton/styles.tsx

@@ -6,12 +6,12 @@ export const DiscordButtonWrapper = styled.div`
   display: flex;
   align-items: center;
   font-family: "Oxygen", sans-serif;
-  font-size: 30px;
+  font-size: 24px;
   font-weight: 700;
   text-transform: uppercase;
   background: ${props => props.theme.discord.base};
   color: #fff;
-  padding: 22px 35px;
+  padding: 18px 28px;
   border-radius: 5px;
   transition: background 0.3s;
   cursor: pointer;
@@ -23,6 +23,6 @@ export const DiscordButtonWrapper = styled.div`
 `
 
 export const StyledDiscordLogo = styled(DiscordLogo)`
-  width: 38px;
-  margin-right: 16px;
+  width: 30px;
+  margin-right: 13px;
 `

src/components/Header/styles.tsx

@@ -40,14 +40,14 @@ export const Title = styled.h1`
 
   .is-home & {
     margin: 32px 0;
-    font-size: 110px;
+    font-size: 88px;
 
     @media screen and (max-width: 991px) {
-      font-size: 72px;
+      font-size: 58px;
     }
 
     @media screen and (max-width: 767px) {
-      font-size: 40px;
+      font-size: 32px;
     }
   }
 `
@@ -107,7 +107,7 @@ export const Logo = styled(TPHLogo)`
   z-index: 3;
 
   .is-home & {
-    width: 122px;
+    width: 98px;
     margin-bottom: 0 0 10px 0;
   }
 `