rehaul bog

assets/stylesheet.css

@@ -12,32 +12,38 @@
   font-family: atkinson;
   src: url("Atkinson-Hyperlegible-Regular-102.woff");
 }
+
 @font-face {
   font-family: atkinson;
   font-weight: bold;
   src: url("Atkinson-Hyperlegible-Bold-102.woff");
 }
+
 @font-face {
   font-family: atkinson;
   font-style: italic;
   src: url("Atkinson-Hyperlegible-Italic-102.woff");
 }
+
 @font-face {
   font-family: atkinson;
   font-style: italic;
   font-weight: bold;
   src: url("Atkinson-Hyperlegible-BoldItalic-102.woff");
 }
+
 @font-face {
   font-family: commissioner;
   font-weight: bold;
   src: url("Commissioner.Bold.woff2");
 }
+
 @font-face {
   font-family: commissioner;
   font-weight: normal;
   src: url("Commissioner.Medium.woff2");
 }
+
 @font-face {
   font-family: derani;
   src: url("Derani.woff2");
@@ -53,6 +59,7 @@ body {
   background-repeat: no-repeat, repeat;
   background-position: center bottom, center;
 }
+
 .toaq-text {
   font-family: commissioner, derani !important;
 }
@@ -65,10 +72,12 @@ body {
     margin-bottom: 25px;
     padding: 10px;
   }
+
   .box-title {
     margin-bottom: 0px;
     margin-left: 80px;
   }
+
   .list {
     border: 3px solid #e63e62;
     background-color: rgb(3, 16, 20);
@@ -88,9 +97,11 @@ body {
     width: 40%;
     padding: 10px;
   }
+
   .box-title {
     margin-left: 80px;
   }
+
   .list {
     border: 3px solid #e63e62;
     background-color: rgb(3, 16, 20);
@@ -99,6 +110,7 @@ body {
     width: max-content;
   }
 }
+
 @media all and (max-width: 900px) {
   .box {
     border: 3px solid #e63e62;
@@ -106,6 +118,7 @@ body {
     margin-bottom: 25px;
     padding: 10px;
   }
+
   .list {
     border: 3px solid #e63e62;
     background-color: rgb(3, 16, 20);
@@ -144,7 +157,7 @@ li {
   padding: 5px;
 }
 
-.list-padding > li {
+.list-padding>li {
   padding: 10px;
 }
 
@@ -155,12 +168,12 @@ hr {
   border: 0;
 }
 
-details > summary {
+details>summary {
   font-style: italic;
 }
 
-details > summary:hover,
-details[open] > summary {
+details>summary:hover,
+details[open]>summary {
   cursor: pointer;
   color: #e63e62;
 }
@@ -171,12 +184,12 @@ details {
   margin-bottom: 0px;
 }
 
-details > p {
+details>p {
   margin: 5px;
   margin-left: 20px;
 }
 
-details > p::before {
+details>p::before {
   content: "~ ";
 }
 
@@ -217,9 +230,9 @@ h3.title {
 }
 
 a.zelda:hover,
-.title > a:hover,
+.title>a:hover,
 .button:hover,
-.answers > span:hover {
+.answers>span:hover {
   background-color: #e63e62;
   color: #031014;
   cursor: pointer;
@@ -238,7 +251,7 @@ a.zelda:hover,
 
 .title-emphasis {
   color: #e63e62;
-  border-bottom: 4px solid #e63e62;
+  /*border-bottom: 4px solid #e63e62;*/
   font-size: 150%;
 }
 
@@ -254,7 +267,7 @@ a.zelda:hover,
 }
 
 a:hover,
-title > .link:hover {
+title>.link:hover {
   color: #031014;
   background-color: #bfef8d;
 }
@@ -302,11 +315,11 @@ title > .link:hover {
   grid-row-start: 1;
 }
 
-.cat-boxes > .box {
+.cat-boxes>.box {
   margin-bottom: 50px;
 }
 
-.cat-boxes > img {
+.cat-boxes>img {
   margin-bottom: 1px !important;
 }
 
@@ -373,7 +386,7 @@ title > .link:hover {
   margin-top: 20px;
 }
 
-.quote > p {
+.quote>p {
   padding-bottom: 2px;
   margin-bottom: 0px;
   margin-top: 2px;
@@ -411,4 +424,4 @@ title > .link:hover {
 
 .tooltip:hover .tooltiptext {
   visibility: visible;
-}
+}