add some swag to Q&A link

proj/YT2P/assets/css/colors.css

@@ -2,7 +2,8 @@
     --black: #232D37;
     --white: #FAE2D3;
     --success: #3CB57F;
-  }
+    --fail: #F52D0A;
+}
 
 body {
     color: var(--black);
@@ -12,4 +13,9 @@ body {
 a {
     color: inherit;
     text-decoration: none;
+}
+
+section.error {
+    background-color: var(--fail);
+    color: var(--white)
 }

proj/YT2P/assets/css/style.css

@@ -172,4 +172,20 @@ div.copied {
   100% {
     opacity: 0;
   }
+}
+
+footer a.qna-logo {
+  background-color:  var(--black);
+  color: var(--white);
+  width: 40px;
+  height: 40px;
+  display: inline-flex;
+  justify-content: center;
+  align-content: center;
+  border-radius: 50%
+}
+
+footer a.qna-logo span {
+  padding-top: 6px;
+  font-size: 1.4rem;
 }

proj/YT2P/index.php

@@ -24,7 +24,7 @@
       </form>
   </main>     
   <footer>
-    <a href="./qna.php"><span>?</span></a>
+    <a class="qna-logo" href="./qna.php"><span>?</span></a>
   </footer>
   <div class="loading" v-show="loading">
     <h4>loading</h4>