added some shadowing to the wip

2023-05-20 17:47:59 +02:00
parent bc881fd129
commit 8bf6e2814b
3 changed files with 22 additions and 6 deletions
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -4,6 +4,15 @@ body {
    font-family: system-ui, sans-serif;
    background-color: #0a0a0a;
 }
+.page{
+    margin: -10px;
+    width: 100%;
+    height: 100%;
+    box-shadow:
+      inset 60px 0 120px rgba($primary-color, 0.2),
+      inset -60px 0 120px rgba($accent-color, 0.07);
+    position: absolute;
+}

 .wip-title {
    margin-top: 100px;
@@ -23,9 +32,12 @@ body {
 .card {
    position: absolute;
    background-color: #1d1d1d;
+    border-style: solid;
+    border-color: #2d2d2d;
+    border-width: 1px;
    color: white;
    padding: 35px;
-    width: 50%;
+    width: 45%;
    margin:0;
    top: 50%;
    left: 50%;