minor design stuff, style front page info block and add more circle headings

web/src/components/general/logo.module.scss

@@ -1,10 +1,10 @@
 .logo {
   color: currentColor;
-  width: 16rem;
+  width: 12rem;
   transition: width .3s ease;
 
   &.index {
-    width: 20rem;
+    width: 16rem;
   }
 
   svg {

web/src/components/general/pigs/fun/NeonChillPig.tsx

@@ -4,8 +4,6 @@ export const NeonChillPig = () => {
     <div className={styles.neonChillPig}>
       <svg
         className={styles.static}
-        width="258"
-        height="161"
         viewBox="0 0 258 161"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
@@ -58,8 +56,6 @@ export const NeonChillPig = () => {
 
       <svg
         className={styles.animate}
-        width="258"
-        height="161"
         viewBox="0 0 258 161"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"

web/src/components/general/pigs/fun/neonChillPig.module.scss

@@ -1,7 +1,6 @@
 .neonChillPig {
   position: relative;
   width: 20rem;
-  height: 8rem;
 
   .static,
   .animate {