made scss more responsive for desktops

2024-02-01 12:50:31 +01:00
parent 7a70ba654c
commit 6e785a5e1a
7 changed files with 122 additions and 113 deletions
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -18,12 +18,9 @@ h1 {
 .content {
    background-color: $highlight-primary;
    border-radius: 25px;
-    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-    display: flex;
-    padding: 1.8vw;
-    justify-content: center;
-    align-items: center;
-    flex-shrink: 0;
+    box-shadow: 0px 4px 4px 0px #00000040;
+    display: flexbox;
+    padding: 2vw;
    margin: 4vw;
 }

@@ -32,6 +29,10 @@ b {
    color: $accent;
 }

-a {
-    color: $link;
+.content {
+    a {
+        color: $link;
+        text-decoration: underline;
+        margin: 0;
+    }
 }