feat: add deadlock logo

src/js/components/TopLinks/TopLInks.js

@@ -2,6 +2,8 @@ import styles from "./TopLinks.module.scss";
 
 import {primaryPink, white} from '../../../style/colors.module.scss';
 
+import logo from '../../../assets/props/logo_deadlock_black_s.png'
+
 const chosenSectionStyle = {
     textDecoration: "none",
     background: primaryPink,
@@ -16,7 +18,7 @@ const TopLinks = (props) => {
     return (
         <div className={styles.TopLinks}>
             <a href={"#LandingSection"} className={styles.Logo}>
-                <div className="logo">DEADLOCK</div>
+                <img src={logo} alt={"DEADLOCK"}/>
             </a>
             <div className={styles.Links}>
                 <div className={styles.Link}>

src/js/components/TopLinks/TopLinks.module.scss

@@ -12,14 +12,12 @@
 
   .Logo {
     float: left;
-    font-size: 1vw;
-    color: $primary_black;
-    text-decoration: none;
     
-    //&:hover {
-    //  -webkit-text-stroke-width: 1px;
-    //  -webkit-text-stroke-color: $primary_black;
-    //}
+    img {
+      max-width: 150px;
+      max-height: 30px;
+    }
+    
 
   }
 
@@ -53,9 +51,16 @@
 @media (max-width: 768px) {
   .TopLinks {
 
+    align-content: center;
+    align-items: center;
+    justify-content: center;
+
     .Logo {
-      font-size: 2vw;
-      float: left;
+
+      img {
+        max-width: 130px;
+        max-height: 25px;
+      }
     }
 
     .Links {