Update CSS

moved ibm plex dirs

in/css/dnet.sass

@@ -1,11 +1,14 @@
 @use 'sass:color'
 @import url("all.css")
-@import url("font/ibm-plex-mono/def.css")
+@import url("font/ibm-plex/mono/def.css")
 
-$bg: #1F0042,
-$fg: color.invert($bg)
+$bg: #1F0042
+$fg: invert($bg)
 $link: #E0E030
 
+:root
+	--extlink: lighten($link, 25%)
+
 body
 	background-color: $bg
 	color: $fg

in/css/ee.sass

@@ -1,10 +1,14 @@
+@use "sass:color"
 @import "extra.scss"
 @import url("all.css")
-@import url("font/ibm-plex-sans/def.css")
+@import url("font/ibm-plex/sans/def.css")
 $bg: #00103D
 $fg: #EAE8E3
 $link: #189E86
 $cont: #C7532B
+
+:root
+	--extlink: lighten($link, 25%)
 @font-face
 	font-family: 'Science Gothic', monospace
 	src: url('font/science-gothic.ttf') format('truetype')
@@ -21,10 +25,10 @@ body
 .content
 	font-family: 'IBM Plex Sans', sans-serif
 	h1
-	 font-family: 'Science Gothic', monospace
-	 @include font-settings(345,100,116,0)
-	 :before
-	  content: '#'
+		font-family: 'Science Gothic', monospace
+		@include font-settings(345,100,116,0)
+		:before
+			content: '#'
 	a
 		color: $link
 	a:visited

in/css/legacy.css

@@ -13,9 +13,7 @@
   animation: marquee 15s linear infinite;
 }
 
-
 /* Make it move */
-
 @keyframes marquee {
   0% {
     transform: translate(0, 0);
@@ -24,11 +22,11 @@
     transform: translate(-100%, 0);
   }
 }
-
 .blink {
   animation: blink-animation 1s steps(5, start) infinite;
   -webkit-animation: blink-animation 1s steps(5, start) infinite;
 }
+
 @keyframes blink-animation {
   to {
     visibility: hidden;
@@ -39,7 +37,10 @@
     visibility: hidden;
   }
 }
-
 .center {
   text-align: center;
 }
+
+
+
+/*# sourceMappingURL=legacy.css.map */

in/css/main.sass

@@ -0,0 +1,10 @@
+@import "extra.scss"
+@import url("all.css")
+
+.header
+	border-bottom: 1px solid black
+
+@media(prefers-color-sceme: dark)
+	body
+		background: #1b1b1b
+		color: #fff

in/css/main.scss

@@ -1,6 +0,0 @@
-@import "extra.scss";
-@import url("all.css");
-
-.header {
-	border-bottom: 1px solid black;
-}