Add warning about editing css file directly

public/styles/partials/_css-notice.scss

+/**
+  *
+  * DO NOT MODIFY THE CSS FILE DIRECTLY. The CSS is generated from the SCSS file. Make
+  * all changes in the SCSS files and then regenerate this CSS file. All changes made
+  * this CSS file will be lost.
+  *
+  * To regenerate the CSS file install Sass and then run:
+  * sass style.scss style.css
+  *
+  */
\ No newline at end of file

public/styles/style.css

+/**
+  *
+  * DO NOT MODIFY THE CSS FILE DIRECTLY. The CSS is generated from the SCSS file. Make
+  * all changes in the SCSS files and then regenerate this CSS file. All changes made
+  * this CSS file will be lost.
+  *
+  * To regenerate the CSS file install Sass and then run:
+  * sass style.scss style.css
+  *
+  */
 /* font converted using font-converter.net. thank you! */
 @font-face {
   font-family: "SylexiadSansMedium-Bold";

public/styles/style.scss

+@use 'partials/_css-notice';
 @use 'partials/_font-faces';