fix semantic HTML5

libretube-theme/static/css/styles.css

@@ -53,10 +53,6 @@ a.link-author:hover {
   fill: #555;
 }
 
-article span {
-  color: #e00918;
-}
-
 ul {
   padding: 0;
 }
@@ -69,7 +65,7 @@ hr {
   margin: 30px 0;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
   white-space: nowrap;
@@ -77,10 +73,17 @@ h1, h2, h3, h4, h5, h6 {
   text-overflow: ellipsis;
 }
 
+h1 {
+  margin-top: 1rem;
+  font-size: 1.5rem;
+}
+
 summary {
   font-weight: 700;
   margin-top: 1rem;
   margin-bottom: 1rem;
+  text-transform: uppercase;
+  font-size: .8rem;
 }
 
 .button {