holy

frontend/app/pages/art/[slug].vue

@@ -23,6 +23,7 @@ const { data: post } = await useAsyncData(`art-${slug}`, () =>
 .extended-container {
     width: 100%;
     margin: auto;
+    margin-top: 32px;
 }
 
 .art {

frontend/app/pages/index.vue

@@ -318,7 +318,6 @@ const sectionTargets = {
 
 <style lang="scss" scoped>
 .intro-section {
-  margin-top: 290px;
 
   > div:first-child {
     margin-top: 0;
@@ -328,16 +327,16 @@ const sectionTargets = {
     margin-bottom: 0;
   }
 
+  @media screen and (min-width: 1200px) {
+    margin-top: 290px;
+  }
+
   @media screen and (max-width: 1200px) and (min-width: 900px) {
     margin-top: 380px;
   }
 
-  @media screen and (max-width: 900px) and (min-width: 600px) {
-    margin-top: 280px;
-  }
-
-  @media screen and (max-width: 600px) {
-    margin-top: 280px;
+  @media screen and (max-width: 900px) {
+    margin-top: 60px;
   }
 }