changed logo.

frontend/components/logo.js

@@ -1,11 +1,12 @@
 const Logo = () => (
   <div className='logo'>
-    <span id='circle'>u.</span>
-    <span id='text'>fit</span>
+    <div id='circle'><span id='dot'>˙</span><span id='u'>u</span></div>
+    <div id='text'>fit</div>
+
     <style jsx>{`
       .logo {
         display: grid;
-        grid-template-columns: 60px 60px;
+        grid-template-columns: 60px 1fr;
         grid-auto-flow: column;
         grid-gap: 10px;
         font-family: roboto_black;
@@ -14,6 +15,9 @@ const Logo = () => (
       }
 
       #circle {
+        display: grid;
+        grid-template-columns: 30px 30px;
+        grid-auto-flow: column;
         color: white;
         background-color: red;
         width: 60px;