diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index d8ae98c..e4e8f29 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -68,13 +68,6 @@ export default function (props: {
 
   return (
     <>
-      <style media="all and (min-width: 1281px)">
-        {`
-          #nav-menu {
-            display: none
-          }
-        `}
-      </style>
       <Box as="section" pb={{ base: "6" }}>
         <Box as="nav" boxSizing="unset">
           <Container display="grid" maxW="container.xl" py={{ base: "6" }}>
diff --git a/index.css b/index.css
index ba35556..dfd5912 100644
--- a/index.css
+++ b/index.css
@@ -87,3 +87,9 @@ button:focus-visible {
     display: none !important;
   }
 }
+
+@media (min-width: 1281px) {
+  #nav_menu {
+    display: none;
+  }
+}