HTML Setup

in/css/extra.scss

@@ -0,0 +1,19 @@
+@mixin font($font) {
+	//no support for case so gonna have to YandereDev this.
+	@if($font=="sans") {
+		font-family: Arial, Helvetica, sans-serif;
+	}
+	@else if($font=="serif") {
+		font-family: "Times New Roman", Times, serif;
+	}
+	@else if($font=="mono") {
+		font-family: "Courier New", Courier, monospace;
+	}
+	@else {
+		@warn "Unknown value passed to mixin font: #{$font}."
+	}
+}
+
+@mixin font-settings($weight: 0, $width: 0, $yopq: 0, $slant: 0) {
+	font-variation-settings: 'wght'$weight, 'wdth'$width, 'YOPQ'$yopq, 'slnt'$slant
+}

in/css/main.scss

@@ -1,4 +1,5 @@
-body {
-	font-family: sans-serif;
+@import "extra.scss";
+.content {
+	@include font('sans');
 	margin-left: 2em;
 }

in/css/mgh.sass

@@ -1,5 +1,4 @@
-@mixin font-settings($weight:0,$width:0,$yopq:0,$slant:0)
- font-variation-settings: 'wght' $weight,'wdth' $width, 'YOPQ' $yopq, 'slnt' $slant
+@import "extra.scss"
 @font-face
  font-family: 'Science Gothic', monospace
  src: url('font/science-gothic.ttf') format('truetype')

in/dnd/villains.org

@@ -2,4 +2,4 @@
 #+OPTIONS: num:nil toc:1
 #+STARTUP: entitiespretty
 * Xaviard
-See: [[file:./xavard.org]]
+See: [[xaviard.html]]