global refactoring

src/styles/base.css

@@ -0,0 +1,18 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
+
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+:root {
+  --teal: #2de0c8;
+  --teal2: #1fc9b0;
+  --border: rgba(255,255,255,0.09);
+  --muted: rgba(255,255,255,0.38);
+  --muted2: rgba(255,255,255,0.15);
+  --font: 'Nunito', sans-serif;
+  --err: #ff6b6b;
+}
+
+@keyframes shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
+@keyframes spin    { to { transform: rotate(360deg); } }
+@keyframes mfadeIn { from{opacity:0} to{opacity:1} }
+@keyframes mslideUp { from{opacity:0;transform:translateY(30px) scale(.96)} to{opacity:1;transform:none} }