fixing the searchfield styling by switching to roboto font

lib/cust/main.css

@@ -2,31 +2,15 @@
 	IMPORTS
 */
 
-/*@font-face {
-    font-family: DINPro;
-    font-weight: normal;
-    src: url(../../res/fonts/DINPro-Light.ttf);
-}
-@font-face {
-    font-family: DINPro;
-    font-weight: bold;
-    src: url(../../res/fonts/DINPro-Bold.ttf);
-}*/
-
 /*
 	GENERAL SETUP
 */
 
-* {
-    margin: 0;
-    padding: 0;
-}
 html, body {
     width: 100%;
     height: 100%;
 }
 body {
-    font-family: DINPro;
     overflow: hidden;
 }
 
@@ -40,11 +24,6 @@ body {
     transition: all 0.5s ease;
 }
 
-[contenteditable=true]:empty:before {
-  content: attr(placeholder);
-  display: block; /* For Firefox */
-}
-
 /*
 	LOGIN PANEL
 */
@@ -59,7 +38,7 @@ body {
     justify-content: center;
     position: fixed;
     z-index: 20;
-    //background: rgba(30,30,30,.9);
+    /*background: rgba(30,30,30,.9);*/
     background: rgba(31, 45, 84, 1);
 }
 .loginPanel>div {
@@ -111,14 +90,6 @@ body {
     overflow: hidden;
 }
 
-/*
-	MAIN NAVBAR
-*/
-
-.navbar-main .container-fluid>ul>li {
-    float: left;
-}
-
 /*
     ANNOUNCE TOOL
 */

src/index.js

@@ -6,7 +6,7 @@ import { MembershipView } from './membershipTool';
 import { EventTable, NewEvent, EventModal } from './eventTool';
 import Sidebar from './sidebar';
 import AnnounceTool from './announceTool';
-import style from './style';
+import './style';
 
 const main = document.createElement('div');
 document.body.appendChild(main);
@@ -49,6 +49,3 @@ m.route(root, '/users', {
   '/login': LoginScreen,
   '/announce': layoutWith(AnnounceTool),
 });
-
-
-//m.mount(root, layoutWith(userlist));

src/style.js

-import { ButtonCSS } from 'polythene-css';
+import { ButtonCSS, addTypography } from 'polythene-css';
+
+addTypography();
 
 ButtonCSS.addStyle('.blue-button', {
   color_light_text: 'blue',