remove redundant styles

1 files changed, 7 insertions, 35 deletions

diff --git a/src/public/styles.css b/src/public/styles.css
index ab33161..e5e04ef 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -191,32 +191,12 @@ summary::before {
     flex: 1 1 90%;
     width: 90%;
   }
-  .post, .hero {
-    font-size: 1rem;
-  }
-  .comments-container {
-    font-size: 1rem;
-  }
-  .info-container, .comment-info-container, .more
-  {
-    font-size: 0.8rem;
-  }
-  summary::before {
-    font-size: 0.7rem;
-  }
-  .domain {
-    font-size: 0.8rem;
-  }
   .media-preview img,
   .media-preview video 
   {
     width: 5rem;
     height: 5rem;
   }
-  .media-preview a {
-    font-size: 2rem;
-    padding: 2rem;
-  }
   .post-author {
     display: inline
   }
@@ -230,21 +210,6 @@ summary::before {
     flex: 1 1 60%;
     width: 60%;
   }
-  .post, .hero {
-    font-size: 1rem;
-  }
-  .comments-container {
-    font-size: 1rem;
-  }
-  .info-container, .comment-info-container, .more {
-    font-size: 0.8rem;
-  }
-  summary::before {
-    font-size: 0.7rem;
-  }
-  .domain {
-    font-size: 0.8rem;
-  }
   .media-preview img,
   .media-preview video 
   {
@@ -263,6 +228,13 @@ summary::before {
   }
 }
 
+@media (min-width: 2560px) {
+  .post, .comments-container, .hero, .header, .footer {
+    flex: 1 1 40%;
+    width: 40%;
+  }
+}
+
 .comments-container, .self-text {
   text-align: justify;
 }