From 6e72a0812ecf2c7f1f97bf8007f566ee8d2e1e90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marian=20D=C3=B6rk?= <doerk@fh-potsdam.de>
Date: Mon, 11 Dec 2023 21:27:11 +0100
Subject: [PATCH] link colors

---
 style.css | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/style.css b/style.css
index 018b07b..abe69dc 100644
--- a/style.css
+++ b/style.css
@@ -28,7 +28,7 @@ body{
     --background: hsl(0, 0%, 94%);
     --background-cursor: hsl(0, 0%, 88%);
     --background-content: hsl(0, 0%, 82%);
-    --gray:hsl(0, 0%, 50%);
+    --gray:hsl(0, 0%, 30%);
     --primary: #000;
     --font: #000;
 
@@ -76,17 +76,16 @@ blockquote {
     margin-inline-start: 1.25em;
     margin-inline-end: 1.25em;
     padding: 0;
-    xmargin-right: 0;
 }
 p + p {
     margin: .5em 0 ;
 }
 
  /* Specific styles */
-#app,#wrapper,#links{
+#app, #wrapper, #links {
     pointer-events: none;
 }
-#wrapper{
+#wrapper {
     position: absolute;
     width: 100%;
     top: 0;
@@ -95,7 +94,7 @@ p + p {
     display: flex;
     justify-content: center;
 }
-#cursor{
+#cursor {
     position: fixed;
     max-width: 40vw;
     background-color: var(--background-cursor);
@@ -137,13 +136,13 @@ p + p {
 }
 .content img, #cursor img {
     max-width: 100%;
-    max-height: calc(15vw + 15vh);
+    max-height: calc(20vw + 20vh);
     object-fit: contain;
 }
 .content:hover, .content:active, .content:focus{
     z-index: 2;
 }
-a{
+a {
     text-decoration:underline;
     line-height: 0.1em;
     color: var(--gray);
@@ -206,7 +205,7 @@ footer{
 footer img {
     vertical-align: top;
     margin-right: 1.5em;
-    opacity: .5;
+    opacity: .75;
 }
 
 footer a:hover img, footer a:active img {
@@ -218,16 +217,15 @@ footer a:hover img, footer a:active img {
         font-size: 16px !important;
     }
     .content{
-        max-width: 80vw;
+        max-width: 75vw;
         transform: unset !important
     }
     .content img, #cursor img {
         max-width: 100%;
-        max-height: unset;
+        max-height: 75vw;
     }
-    .actors {
-        width: 35vw;
-        height: 35vw;
+    div.content:has(img) {
+        background: var(--background-content);
     }
     #cursor{
         max-width: 85vw;
@@ -255,8 +253,10 @@ footer a:hover img, footer a:active img {
         --background: hsl(0, 0%, 6%);
         --background-cursor: hsl(0, 0%, 12%);
         --background-content: hsl(0, 0%, 18%);
+        --gray: hsl(0, 0%, 70%);
         --primary: #fff;
         --font: #fff;
+
     }
     footer img {
         filter: invert(100%);