From 5cfe787f2291f3a20e00f8ad01c63894c243de20 Mon Sep 17 00:00:00 2001
From: cyfraeviolae <cyfraeviolae>
Date: Wed, 30 Mar 2022 00:24:09 -0400
Subject: tabs

---
 static/styles.css | 102 +++++++++++++++++++++++++++---------------------------
 1 file changed, 51 insertions(+), 51 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index 642750a..c8628cc 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,5 +1,5 @@
 .box {
-	display: inline-block;
+    display: inline-block;
     width: 30px;
     height: 30px;
     text-align: center;
@@ -8,88 +8,88 @@
     border: 1px DarkSlateGrey solid;
     margin-right: 0px;
     margin-left: 0px;
-	color: black;
-	background-color: white;
-	vertical-align: top;
-	line-height: 30px;
-	font-family: Cantarell;
+    color: black;
+    background-color: white;
+    vertical-align: top;
+    line-height: 30px;
+    font-family: Cantarell;
 }
 
 .focus {
-	background-color: #ffda00
+    background-color: #ffda00
 }
 
 .word :not(:first-child) {
-	margin-left: -1px;
+    margin-left: -1px;
 }
 
 .word :not(:last-child) {
-	margin-right: -1px;
+    margin-right: -1px;
 }
 
 .word {
     display: inline-block;
     margin-right: 20px;
-	margin-bottom: 5px;
+    margin-bottom: 5px;
 }
 
 .line {
-	margin-bottom: 15px;
+    margin-bottom: 15px;
 }
 
 .green {
-	background-color: rgb(106, 170, 100);
-	color: white;
-	border-color: rgb(106, 170, 100);
+    background-color: rgb(106, 170, 100);
+    color: white;
+    border-color: rgb(106, 170, 100);
 }
 
 .yellow {
-	background-color: rgb(201, 180, 88);
-	color: white;
-	border-color: rgb(201,180,88);
+    background-color: rgb(201, 180, 88);
+    color: white;
+    border-color: rgb(201,180,88);
 }
 
 .grey {
-	background-color: rgb(120, 124, 126);
-	color: white;
-	border-color: rgb(120,124,126);
+    background-color: rgb(120, 124, 126);
+    color: white;
+    border-color: rgb(120,124,126);
 }
 
 .poetry {
-	font-size: 95%;
-	font-family: Charter;
+    font-size: 95%;
+    font-family: Charter;
 }
 
 .byline {
-	font-style: italic;
-	font-size: 85%;
+    font-style: italic;
+    font-size: 85%;
 }
 
 #share {
-	width: 90%;
+    width: 90%;
 }
 
 .keyboard {
     display: inline-block;
-	text-align: center;
+    text-align: center;
     max-width: 40em;
-	touch-action: manipulation;
+    touch-action: manipulation;
 }
 
 .kbrow {
-	margin-bottom: 5px;
+    margin-bottom: 5px;
 }
 
 .key {
-	font-family: Cantarell;
-	display: inline-block;
-	height: 35px;
-	width: 28px;
-	border-radius: 4px;
-	border: 1px black dotted;
-	line-height: 35px;
-	cursor: pointer;
-	user-select: none;
+    font-family: Cantarell;
+    display: inline-block;
+    height: 35px;
+    width: 28px;
+    border-radius: 4px;
+    border: 1px black dotted;
+    line-height: 35px;
+    cursor: pointer;
+    user-select: none;
     margin-right: 2px;
 }
 
@@ -98,21 +98,21 @@
 }
 
 .greenkey {
-	background-color: rgb(106, 170, 100);
-	color: white;
-	border-color: rgb(106, 170, 100);
+    background-color: rgb(106, 170, 100);
+    color: white;
+    border-color: rgb(106, 170, 100);
 }
 
 .yellowkey {
-	background-color: rgb(201, 180, 88);
-	color: white;
-	border-color: rgb(201,180,88);
+    background-color: rgb(201, 180, 88);
+    color: white;
+    border-color: rgb(201,180,88);
 }
 
 .greykey {
-	background-color: rgb(120, 124, 126);
-	color: white;
-	border-color: rgb(120,124,126);
+    background-color: rgb(120, 124, 126);
+    color: white;
+    border-color: rgb(120,124,126);
 }
 
 .scansion {
@@ -120,12 +120,12 @@
 }
 
 .scansion-box {
-	margin-bottom: .3em;
+    margin-bottom: .3em;
 }
 
 .numbering {
-	background-color: transparent;
-	width: 60px;
-	cursor: pointer;
-	user-select: none;
+    background-color: transparent;
+    width: 60px;
+    cursor: pointer;
+    user-select: none;
 }
-- 
cgit v1.2.3