chore: improved visibility on low res mobile

src/css/style.css

@@ -1,4 +1,4 @@
-.navbar{
+.navbar {
   background-color: #000b;
   /* background: linear-gradient(0deg,rgba(35, 43, 62, 200) 0%, rgba(0, 0, 0, 200) 100%); */
   border-bottom: 1px solid grey;
@@ -12,7 +12,7 @@
   box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
 }
 
-.my-picture{
+.my-picture {
   width: 8em;
   aspect-ratio: 1;
   border-radius: 5px;
@@ -79,7 +79,7 @@ a {
 }
 
 .attention {
-  font-size: 1.6em;
+  font-size: 1.5em;
 }
 
 .rowlines-short li:not(:last-of-type)::after {
@@ -92,7 +92,7 @@ a {
 .rowlines li:not(:last-of-type)::after {
   content: "";
   width: 78%;
-  margin: 0 5rem;
+  margin: 0 4rem;
   border-bottom: 1px solid #66666688;
 }
 
@@ -147,4 +147,18 @@ body {
   .card {
     width: 32rem;
   }
+
+  .attention {
+    font-size: 1.3em;
+  }
+
+  ul{
+    padding-left: 1rem;
+  }
+}
+
+@media(max-width: 600px){
+  body{
+    font-size: 80%;
+  }
 }