From f2784ae2fb87fece18cc873040e639857dc16462 Mon Sep 17 00:00:00 2001
From: decentral1se <hi@decentral1.se>
Date: Thu, 11 Mar 2021 13:37:29 +0100
Subject: [PATCH] Run formatter there

---
 narrowstyle.css | 285 ++++++++++++++++++++++++------------------------
 1 file changed, 143 insertions(+), 142 deletions(-)

diff --git a/narrowstyle.css b/narrowstyle.css
index ee62ffd..3c405f9 100644
--- a/narrowstyle.css
+++ b/narrowstyle.css
@@ -1,56 +1,57 @@
 @font-face {
-	font-family: 'Computer Modern Classical Serif Italic';
-	src: url('cmunci.eot');
-	src: url('cmunci.eot?#iefix') format('embedded-opentype'),
-		 url('cmunci.woff') format('woff'),
-		 url('cmunci.ttf') format('truetype'),
-		 url('cmunci.svg#cmunci') format('svg');
-	font-weight: normal;
-	font-style: italic;
+  font-family: "Computer Modern Classical Serif Italic";
+  src: url("cmunci.eot");
+  src: url("cmunci.eot?#iefix") format("embedded-opentype"),
+    url("cmunci.woff") format("woff"), url("cmunci.ttf") format("truetype"),
+    url("cmunci.svg#cmunci") format("svg");
+  font-weight: normal;
+  font-style: italic;
 }
 @font-face {
-	font-family: 'Computer Modern Typewriter Light';
-	src: url('cmunbtl.eot');
-	src: url('cmunbtl.eot?#iefix') format('embedded-opentype'),
-		 url('cmunbtl.woff') format('woff'),
-		 url('cmunbtl.ttf') format('truetype'),
-		 url('cmunbtl.svg#cmuntt') format('svg');
-	font-weight: normal;
-	font-style: normal;
+  font-family: "Computer Modern Typewriter Light";
+  src: url("cmunbtl.eot");
+  src: url("cmunbtl.eot?#iefix") format("embedded-opentype"),
+    url("cmunbtl.woff") format("woff"), url("cmunbtl.ttf") format("truetype"),
+    url("cmunbtl.svg#cmuntt") format("svg");
+  font-weight: normal;
+  font-style: normal;
 }
 @font-face {
-	font-family: 'Computer Modern Typewriter Light';
-	src: url('cmunbto.eot');
-	src: url('cmunbto.eot?#iefix') format('embedded-opentype'),
-		 url('cmunbto.woff') format('woff'),
-		 url('cmunbto.ttf') format('truetype'),
-		 url('cmunbto.svg#cmunbto') format('svg');
-	font-weight: normal;
-	font-style: italic;
+  font-family: "Computer Modern Typewriter Light";
+  src: url("cmunbto.eot");
+  src: url("cmunbto.eot?#iefix") format("embedded-opentype"),
+    url("cmunbto.woff") format("woff"), url("cmunbto.ttf") format("truetype"),
+    url("cmunbto.svg#cmunbto") format("svg");
+  font-weight: normal;
+  font-style: italic;
 }
 html {
-    box-sizing: border-box;
-    height: 100%;
-    font-size: 14pt;
-    line-height: 16pt;
+  box-sizing: border-box;
+  height: 100%;
+  font-size: 14pt;
+  line-height: 16pt;
 }
-*, *:before, *:after { 
+*,
+*:before,
+*:after {
   -webkit-box-sizing: inherit;
   -moz-box-sizing: inherit;
-  box-sizing: inherit; 
+  box-sizing: inherit;
 }
-body{
-	margin: 0rem;
-	font-family: 'Computer Modern Typewriter Light';
-	background-color: #393c56;
-	color:  #ffe4fd;;
+body {
+  margin: 0rem;
+  font-family: "Computer Modern Typewriter Light";
+  background-color: #393c56;
+  color: #ffe4fd;
 }
-iframe, video {
-	border: none;
-	width: inherit;
+iframe,
+video {
+  border: none;
+  width: inherit;
 }
-a, button {
-	cursor: pointer;
+a,
+button {
+  cursor: pointer;
 }
 .note {
   font-size: 0.8rem;
@@ -60,17 +61,17 @@ a, button {
   margin: 0.2rem;
 }
 .about {
-	font-family: 'Computer Modern Classical Serif Italic';
-	font-size: 1.2rem;
-	line-height: 0.6rem;
-	position: fixed;
-	top: 0;
-	right: 0;
-	margin: 1rem;
-	color: #ffffe5;
+  font-family: "Computer Modern Classical Serif Italic";
+  font-size: 1.2rem;
+  line-height: 0.6rem;
+  position: fixed;
+  top: 0;
+  right: 0;
+  margin: 1rem;
+  color: #ffffe5;
 }
 .about a {
-	font-size: 1rem;
+  font-size: 1rem;
   color: #ffffe5;
   text-decoration: none;
 }
@@ -86,21 +87,21 @@ a, button {
 }
 
 .sidemin {
-    width: 300px;
-    transition: width 2s;
+  width: 300px;
+  transition: width 2s;
 }
 
 .sideminclicked {
-    width: 20px;
+  width: 20px;
 }
 
 .sideminclicked + .live {
-    transition: margin-left 2s;
-    margin-left: 40px;
+  transition: margin-left 2s;
+  margin-left: 40px;
 }
-button.minimize{
+button.minimize {
   box-shadow: 0.3rem 0.2rem 0.6rem #ffe4fd;
-  font-size: 1rem;	
+  font-size: 1rem;
   width: 2rem;
   background-color: #393c56;
   color: #ffe4fd;
@@ -110,21 +111,22 @@ button.minimize{
   margin: 0.5rem;
   border: none;
 }
-.sidetop, .sidebottom  {
-	overflow-y: scroll;
-	scrollbar-width: none;
-	overflow: -moz-scrollbars-none;
-	-ms-overflow-style: none;
-	-ms-overflow-style: -ms-autohiding-scrollbar;
-	overflow: -ms-autohiding-scrollbar;
-	display: flex;
-	flex-direction: column;
-  padding: 1rem 1rem; 
+.sidetop,
+.sidebottom {
+  overflow-y: scroll;
+  scrollbar-width: none;
+  overflow: -moz-scrollbars-none;
+  -ms-overflow-style: none;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  overflow: -ms-autohiding-scrollbar;
+  display: flex;
+  flex-direction: column;
+  padding: 1rem 1rem;
 }
 .sidetop {
-	height: 45vh;
-	font-size: 1.2rem;
-  justify-content: flex-end; 
+  height: 45vh;
+  font-size: 1.2rem;
+  justify-content: flex-end;
 }
 
 .sidetop p {
@@ -133,60 +135,60 @@ button.minimize{
 }
 
 .sidetop a {
-	color: #ffe4fd;
-	margin-top: auto; 
+  color: #ffe4fd;
+  margin-top: auto;
 }
 
 .middle {
-	height: 80px;
-	font-size: 0.8rem;
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-/*  box-shadow: -0.2rem -0.2rem 1rem #ffe4fd;*/
+  height: 80px;
+  font-size: 0.8rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  /*  box-shadow: -0.2rem -0.2rem 1rem #ffe4fd;*/
   width: 100%;
-  padding: 0.5rem 1rem; 
+  padding: 0.5rem 1rem;
 }
 
-.middle p{
-	margin: 0px;
+.middle p {
+  margin: 0px;
 }
 #livetitle {
-	font-size: 2rem;
-	animation: glow 1.6s infinite alternate;
-	-webkit-animation: glow 1.6s infinite alternate;
+  font-size: 2rem;
+  animation: glow 1.6s infinite alternate;
+  -webkit-animation: glow 1.6s infinite alternate;
 }
 @-webkit-keyframes glow {
-    to {
-        text-shadow: 0 0 8px #ff029c;
-    }
+  to {
+    text-shadow: 0 0 8px #ff029c;
+  }
 }
 @-webkit-keyframes glowbutton {
-    to {
-        box-shadow: 0 0 8px #ff029c;
-    }
+  to {
+    box-shadow: 0 0 8px #ff029c;
+  }
 }
 .sidebottom {
-	height: 45vh;
+  height: 45vh;
   box-shadow: 10rem -6rem 4rem #ffe4fd;
 }
 .sidebottom p {
   margin: 0.25rem 0rem;
 }
 .sidebottom a {
-	color: #aec7ea;
+  color: #aec7ea;
 }
-.sidebottom  p:last-child {
+.sidebottom p:last-child {
   padding-bottom: 2rem;
 }
 .live {
-	margin-left: 300px;
-	display: inline-block;
-	height: 100%;
+  margin-left: 300px;
+  display: inline-block;
+  height: 100%;
   width: 100%;
 }
-.live > *{
-/*  touch-action: none;*/
+.live > * {
+  /*  touch-action: none;*/
 }
 
 .resize-drag {
@@ -199,55 +201,54 @@ button.minimize{
   border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
   position: relative;
 }
-.drag::before, .resize-drag::before, .live > *::before {
-	content: "⇱";
-	font-size: 2rem;
-	width: 1rem;
-	height: 1rem;
-	color: #393c56; 
-	position: absolute !important;
-	z-index: 999;
-	top: 0;
+.drag::before,
+.resize-drag::before,
+.live > *::before {
+  content: "⇱";
+  font-size: 2rem;
+  width: 1rem;
+  height: 1rem;
+  color: #393c56;
+  position: absolute !important;
+  z-index: 999;
+  top: 0;
   left: 0;
   display: block;
 }
 
-.resize-drag:hover  {
-    box-shadow: 0.2rem 0.2rem 0.6rem #ffe4fd;
-    animation: corners 8s infinite alternate;
-    -o-animation: corners 8s infinite alternate;
-    -moz-animation: corners 8s infinite alternate;
-    -webkit-animation: corners 8s infinite alternate;
-  }
+.resize-drag:hover {
+  box-shadow: 0.2rem 0.2rem 0.6rem #ffe4fd;
+  animation: corners 8s infinite alternate;
+  -o-animation: corners 8s infinite alternate;
+  -moz-animation: corners 8s infinite alternate;
+  -webkit-animation: corners 8s infinite alternate;
+}
 
-   @keyframes corners {
-      0% {  
-      border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
-      -webkit-border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
-      }
-      20% { 
-       border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;   
-      -webkit-border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;  
-  	  }
-  	  100% { 
-       border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;   
-      -webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;  	  
-      }
+@keyframes corners {
+  0% {
+    border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
+    -webkit-border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
   }
-  @-webkit-keyframes corners {
-      0% {  
-      border-radius: 2rem 0rem 1rem 2rem;
-      -webkit-border-radius:  2rem 0rem 1rem 2rem; 
-      }
-      20% { 
-       border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;   
-      -webkit-border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;  
-      }
-      100% { 
-       border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;   
-      -webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;      
-      }
+  20% {
+    border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
+    -webkit-border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
   }
-
-
-
+  100% {
+    border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
+    -webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
+  }
+}
+@-webkit-keyframes corners {
+  0% {
+    border-radius: 2rem 0rem 1rem 2rem;
+    -webkit-border-radius: 2rem 0rem 1rem 2rem;
+  }
+  20% {
+    border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
+    -webkit-border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
+  }
+  100% {
+    border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
+    -webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
+  }
+}