Website erweitert

website/simply-cpq/public/css/simply_cpq.code-workspace

@@ -0,0 +1,12 @@
+{
+	"folders": [
+		{
+			"path": "../../../../../.."
+		}
+	],
+	"settings": {
+		"pandoc.pdf.commonArgs": [
+			"--pdf-engine=xelatex"
+		]
+	}
+}

website/simply-cpq/public/css/style.css

@@ -0,0 +1,52 @@
+/* Variable fonts usage: 
+:root { font-family: "Inter", sans-serif; }
+@supports (font-variation-settings: normal) {
+  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
+}*/
+
+@font-face {
+  font-family: InterVariable;
+  font-style: normal;
+  font-weight: 100 900;
+  src: url('/fonts/InterVariable.woff2') format('woff2');
+}
+
+body {
+    font-family: "InterVariable", sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+.container {
+    margin: 0 auto;
+    width: 80%;
+}
+
+header {
+    background-color: #1976D2;
+    color: #fff;
+    text-align: left;
+    padding: 1rem;
+}
+
+nav, footer {
+    background-color: #1976D2;
+    color: #fff;
+    text-align: center;
+}
+
+nav {
+    display: flex;
+    flex-direction: column;
+}
+	
+nav a {
+	flex: 1;
+	text-align: left;
+	text-decoration: none;
+	color: #fff;
+}
+	
+@media only screen and (min-width: 768px) {
+	nav { flex-direction: row; }
+}