finishing and fine-tuning TODO NEXT : project page

src/components/Name.vue

@@ -47,7 +47,8 @@ const burger = useBurgerStore()
   margin:0 2.4rem;
   
   // border : #f0f solid 1px;
-    & h1{
+    & h1{font-family: 'acme', Arial, Helvetica, sans-serif;
+         letter-spacing: 0.2em;
     font-size: 2.7rem;
     display: flex;
     flex-wrap: wrap;
@@ -89,7 +90,9 @@ h2{
   text-align: right;
   color:$white;
   animation: 600ms subtitle 300ms cubic-bezier(.55,.01,.44,1) forwards;
-  
+  font-family: 'acme', Arial, Helvetica, sans-serif;
+  font-style: italic;
+  letter-spacing: 0.2ch;
 }
 
 
@@ -118,18 +121,21 @@ h2{
     }
 }
 
-@media (max-width: 320px){
+@media (width < 400px){
   .name{
   margin : 0;
   }
 }
-
-@media (max-width: 520px){
+@media (width < 520px){
+ 
   .name h1 .r-letter{
     margin-left:2ch;
   }
   .name h1 .i-letter{
     margin-right:2ch;
   }
+  .come-in h2{
+    margin-right: 0.5em;
+  }
 }
 </style>