feat(nimbus-logo): add responsive margin

src/components/Logos/NimbusLogo.tsx

@@ -10,8 +10,8 @@ const NimbusLogo = () => {
       style={{
         alignItems: 'center',
         justifyContent: 'flex-start',
-        marginTop: '4.4rem',
       }}
+      className="nimbus-logo"
       space={'$3'}
     >
       <NimbusLogoMark />

src/index.css

@@ -119,6 +119,10 @@ ul li {
   background: transparent;
 }
 
+.nimbus-logo {
+  margin-top: 4.4rem;
+}
+
 @media (prefers-color-scheme: light) {
   :root {
     color: #09101c;
@@ -144,3 +148,9 @@ ul li {
     display: none;
   }
 }
+
+@media (max-width: 1000px) {
+  .nimbus-logo {
+    margin-top: 0;
+  }
+}