assets/main.scss

@@ -36,6 +36,18 @@ body {
 
 .menu {
     @apply col-span-8 flex justify-between;
+
+    a {
+        @apply underline decoration-0 underline-offset-4 decoration-dotted hover:decoration-transparent transition-all;
+    }
+
+    a[href^=http] {
+        @apply relative no-underline;
+        &:after {
+            content: '↷';
+            @apply ml-2;
+        }
+    }
 }
 
 a[href^="#"] {
@@ -128,6 +140,7 @@ a[href^="#"] {
     &-close {
         @apply absolute right-4 top-4 text-4xl opacity-50;
     }
+
     h2 {
         @apply px-4;
     }
@@ -220,8 +233,10 @@ button {
 
 .canvas-icons {
     @apply absolute text-3xl top-0 left-0 flex flex-col;
+
     a {
         @apply cursor-pointer;
+
         &.disabled {
             @apply cursor-not-allowed opacity-50 pointer-events-none;
         }