restructured to public folder

content/css/style.css

@@ -0,0 +1,51 @@
+@import url('./utilities.css');
+@import url('./fonts.css');
+@import url('./normalize.css');
+@import url('./variables.css');
+@import url('./header.css');
+@import url('./footer.css');
+@import url('./sections.css');
+@import url('./hero.css');
+@import url('./post.css');
+
+html,
+body {
+	color: #ffffff;
+	font-family: 'Montserrat', sans-serif;
+	background-color: #342e37;
+}
+
+/* Button */
+button,
+.button {
+	display: inline-block;
+	box-sizing: border-box;
+	border: none;
+	color: inherit;
+	text-decoration: none;
+	padding: 12px 16px;
+	transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
+	border-radius: 8px;
+	font-weight: bold;
+	cursor: pointer;
+	-webkit-backdrop-filter: blur(4px);
+	backdrop-filter: blur(4px);
+	background-color: rgba(0, 0, 0, 0.7);
+	border: 3px solid rgba(0, 0, 0, 0.7);
+}
+
+button:hover,
+.button:hover,
+button:focus-visible,
+.button:focus-visible {
+	background-color: rgba(60, 60, 60, 0.7);
+	border: 3px solid rgba(60, 60, 60, 0.7);
+}
+
+.inline-button {
+	color: rgb(51, 100, 224);
+}
+
+a {
+	color: inherit;
+}