1 files changed, 13 insertions, 0 deletions

diff --git a/src/public/styles.css b/src/public/styles.css
index deaf63d..22ee99f 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -362,6 +362,11 @@ form {
 }
 
 @media (min-width: 768px) {
+  :root {
+    --border-radius-card: 2vmin;
+    --border-radius-media: 1vmin;
+    --border-radius-preview: 0.5vmin;  
+  }
   .post, .comments-container, .hero, .header, .footer {
     flex: 1 1 90%;
     width: 90%;
@@ -404,6 +409,10 @@ form {
 }
 
 @media (min-width: 1080px) {
+  :root {
+    --border-radius-card: 1vmin;
+    --border-radius-media: 1vmin;
+  }
   .post, .comments-container, .hero, .header, .footer {
     flex: 1 1 60%;
     width: 60%;
@@ -450,6 +459,10 @@ form {
 }
 
 @media (min-width: 2560px) {
+  :root {
+    --border-radius-card: 0.75vmin;
+    --border-radius-media: 0.75vmin;
+  }
   .post, .comments-container, .hero, .header, .footer {
     flex: 1 1 40%;
     width: 40%;