From db82a276326411667e6c37d73dfa1852f723bb5b Mon Sep 17 00:00:00 2001
From: lukas-heiligenbrunner <lheilige@htl-steyr.ac.at>
Date: Wed, 18 Mar 2020 10:33:03 +0100
Subject: [PATCH] hover effects for pictures

---
 css/about.css | 9 +++++++++
 css/home.css  | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/css/about.css b/css/about.css
index fef5e7c..03a4fe0 100644
--- a/css/about.css
+++ b/css/about.css
@@ -18,9 +18,18 @@
     float: right;
     margin-top: 10%;
     box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px -15px;
+    transition: box-shadow 500ms;
     height: 100%;
 }
 
+/* screen larger than 600px -- desktop */
+@media screen and (min-width: 1201px) {
+    #aboutPic:hover {
+        box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px 0px;
+        transition: all 500ms;
+    }
+}
+
 
 /* special design for Screen smaller than 600px -- mobile */
 @media screen and (max-width: 1200px) {
diff --git a/css/home.css b/css/home.css
index 5555982..7e333f4 100644
--- a/css/home.css
+++ b/css/home.css
@@ -42,6 +42,12 @@
     #meaningFullSentence {
         width: 40%;
     }
+
+    /* todo maybe a bit weird??  */
+    #homepicture:hover {
+        box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px 0px;
+        transition: all 500ms;
+    }
 }
 
 /* Screen smaller than 600px -- mobile */