Fixes

[magnet.git] / style.css

diff --git a/style.css b/style.css
index 62ba5e7c377bdf9d4f938b889f32f0420b27c157..05200a23b7fc28ccf81a6c95c61a5621e31fe7c8 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,39 +1,38 @@
-/* CSS layout */\r
-\r
-body{\r
-       margin: 5px;\r
-       padding: 5px;\r
-       font-family: monospace;\r
-}\r
-\r
-input[type=text] {\r
-       width: 420px;\r
-       height: 30px;\r
-       padding: 1px;\r
-       \r
-       font-family:monospace;\r
-       font-size:large;\r
-}\r
-\r
-input[type=submit] {\r
-               \r
-       font-family:monospace;\r
-       font-size:large;\r
-\r
-       border: 1px solid #777777;\r
-       background: #6e9e2d;\r
-       color: white;\r
-       font: bold 11px 'Trebuchet MS';\r
-       padding: 4px;\r
-       height: 30px;\r
-       cursor: pointer;\r
-       -moz-border-radius: 4px;\r
-       -webkit-border-radius: 4px;\r
-}\r
-\r
-/*\r
-\r
-http://www.tdl.com/~jrb/jrb7/css_textfield0.html\r
-http://www.red-team-design.com/style-an-input-button\r
-\r
-*/
\ No newline at end of file
+
+/* 
+    Created on : 10 Jun, 2018, 9:23:39 PM
+    Author     : Manjunath CV
+*/
+
+@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');
+
+body, h2 {
+    font-family: "Fira Sans", sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    
+}
+
+#magnet {
+    font-family: 'Roboto Mono', monospace;
+}
+
+section {
+    margin: auto;
+    width: 850px;
+}
+
+footer {
+    width:100%;
+    text-align: center;
+}
+
+
+/* Responsive layout - makes the two columns/boxes 
+   stack on top of each other instead of next to 
+   each other, on small screens */
+@media (max-width: 850px) {
+    section {
+        width: 95%;
+    }
+}