Run formatter there

narrowstyle.css

@@ -1,30 +1,27 @@
 @font-face {
-	font-family: 'Computer Modern Classical Serif Italic';
+  font-family: "Computer Modern Classical Serif Italic";
-	src: url('cmunci.eot');
+  src: url("cmunci.eot");
-	src: url('cmunci.eot?#iefix') format('embedded-opentype'),
+  src: url("cmunci.eot?#iefix") format("embedded-opentype"),
-		 url('cmunci.woff') format('woff'),
+    url("cmunci.woff") format("woff"), url("cmunci.ttf") format("truetype"),
-		 url('cmunci.ttf') format('truetype'),
+    url("cmunci.svg#cmunci") format("svg");
-		 url('cmunci.svg#cmunci') format('svg');
   font-weight: normal;
   font-style: italic;
 }
 @font-face {
-	font-family: 'Computer Modern Typewriter Light';
+  font-family: "Computer Modern Typewriter Light";
-	src: url('cmunbtl.eot');
+  src: url("cmunbtl.eot");
-	src: url('cmunbtl.eot?#iefix') format('embedded-opentype'),
+  src: url("cmunbtl.eot?#iefix") format("embedded-opentype"),
-		 url('cmunbtl.woff') format('woff'),
+    url("cmunbtl.woff") format("woff"), url("cmunbtl.ttf") format("truetype"),
-		 url('cmunbtl.ttf') format('truetype'),
+    url("cmunbtl.svg#cmuntt") format("svg");
-		 url('cmunbtl.svg#cmuntt') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
-	font-family: 'Computer Modern Typewriter Light';
+  font-family: "Computer Modern Typewriter Light";
-	src: url('cmunbto.eot');
+  src: url("cmunbto.eot");
-	src: url('cmunbto.eot?#iefix') format('embedded-opentype'),
+  src: url("cmunbto.eot?#iefix") format("embedded-opentype"),
-		 url('cmunbto.woff') format('woff'),
+    url("cmunbto.woff") format("woff"), url("cmunbto.ttf") format("truetype"),
-		 url('cmunbto.ttf') format('truetype'),
+    url("cmunbto.svg#cmunbto") format("svg");
-		 url('cmunbto.svg#cmunbto') format('svg');
   font-weight: normal;
   font-style: italic;
 }
@@ -34,22 +31,26 @@ html {
   font-size: 14pt;
   line-height: 16pt;
 }
-*, *:before, *:after { 
+*,
+*:before,
+*:after {
   -webkit-box-sizing: inherit;
   -moz-box-sizing: inherit;
   box-sizing: inherit;
 }
-body{
+body {
   margin: 0rem;
-	font-family: 'Computer Modern Typewriter Light';
+  font-family: "Computer Modern Typewriter Light";
   background-color: #393c56;
-	color:  #ffe4fd;;
+  color: #ffe4fd;
 }
-iframe, video {
+iframe,
+video {
   border: none;
   width: inherit;
 }
-a, button {
+a,
+button {
   cursor: pointer;
 }
 .note {
@@ -60,7 +61,7 @@ a, button {
   margin: 0.2rem;
 }
 .about {
-	font-family: 'Computer Modern Classical Serif Italic';
+  font-family: "Computer Modern Classical Serif Italic";
   font-size: 1.2rem;
   line-height: 0.6rem;
   position: fixed;
@@ -98,7 +99,7 @@ a, button {
   transition: margin-left 2s;
   margin-left: 40px;
 }
-button.minimize{
+button.minimize {
   box-shadow: 0.3rem 0.2rem 0.6rem #ffe4fd;
   font-size: 1rem;
   width: 2rem;
@@ -110,7 +111,8 @@ button.minimize{
   margin: 0.5rem;
   border: none;
 }
-.sidetop, .sidebottom  {
+.sidetop,
+.sidebottom {
   overflow-y: scroll;
   scrollbar-width: none;
   overflow: -moz-scrollbars-none;
@@ -143,12 +145,12 @@ button.minimize{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-/*  box-shadow: -0.2rem -0.2rem 1rem #ffe4fd;*/
+  /*  box-shadow: -0.2rem -0.2rem 1rem #ffe4fd;*/
   width: 100%;
   padding: 0.5rem 1rem;
 }
 
-.middle p{
+.middle p {
   margin: 0px;
 }
 #livetitle {
@@ -185,8 +187,8 @@ button.minimize{
   height: 100%;
   width: 100%;
 }
-.live > *{
+.live > * {
-/*  touch-action: none;*/
+  /*  touch-action: none;*/
 }
 
 .resize-drag {
@@ -199,7 +201,9 @@ button.minimize{
   border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
   position: relative;
 }
-.drag::before, .resize-drag::before, .live > *::before {
+.drag::before,
+.resize-drag::before,
+.live > *::before {
   content: "⇱";
   font-size: 2rem;
   width: 1rem;
@@ -218,9 +222,9 @@ button.minimize{
   -o-animation: corners 8s infinite alternate;
   -moz-animation: corners 8s infinite alternate;
   -webkit-animation: corners 8s infinite alternate;
-  }
+}
 
-   @keyframes corners {
+@keyframes corners {
   0% {
     border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
     -webkit-border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
@@ -233,8 +237,8 @@ button.minimize{
     border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
     -webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
   }
-  }
+}
-  @-webkit-keyframes corners {
+@-webkit-keyframes corners {
   0% {
     border-radius: 2rem 0rem 1rem 2rem;
     -webkit-border-radius: 2rem 0rem 1rem 2rem;
@@ -247,7 +251,4 @@ button.minimize{
     border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
     -webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
   }
-  }
+}
-
-
-