Images

northsidestudio/public/css/style.css

@@ -0,0 +1,58 @@
+@font-face {
+   font-family: 'x-typewriter';
+   font-weight: normal;
+   font-style: normal;
+   font-display: swap;
+   unicode-range: U+0000-00FF;
+   src: url('/fonts/x-typewriter.regular.woff2') format('woff2'),
+        url('/fonts/x-typewriter.regular.woff') format('woff');
+}
+
+@font-face {
+   font-family: 'if';
+   font-weight: normal;
+   font-style: normal;
+   font-display: swap;
+   unicode-range: U+0000-00FF;
+   src: url('/fonts/If.woff2') format('woff2'),
+        url('/fonts/If.woff') format('woff');
+}
+
+.all {
+  margin: auto;
+  width: 60%
+}
+
+.container {
+  margin: 0, auto;
+  width: 90%;
+  font-family: "x-typewriter";
+}
+
+.title {
+  margin: 0, auto;
+  width: 90%;
+  font-family: "if";
+  text-align: center;
+}
+
+nav, footer {
+  background-color: #333;
+  color: #fff; 
+  text-align: center;
+}
+
+nav { 
+  display: flex; 
+  flex-direction: column;
+} 
+nav > a { 
+  flex: 1; 
+  text-align: center; 
+  text-decoration: none; 
+  color: #fff;  } 
+  @media only screen and (min-width: 768px) {
+    nav { flex-direction: row;} 
+  }
+}
+