diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss index ae4bd2a..3c3143b 100644 --- a/src/pages/index.module.scss +++ b/src/pages/index.module.scss @@ -14,6 +14,14 @@ min-height: 700px; } + &:hover .profile .profileImage { + transform: translate(4px, -4px); + } + + &:hover .profile .profileImageDummy { + transform: translate(-3px, 3px); + } + .profile { position: relative; left: 50%; @@ -22,14 +30,6 @@ max-height: 400px; transform: translate(-50%, 0%); - &:hover .profileImage { - transform: translate(4px, -4px); - } - - &:hover .profileImageDummy { - transform: translate(-3px, 3px); - } - .hello { font-weight: 100; opacity: .75; @@ -81,11 +81,11 @@ .profileCard { width: calc(100% - 40px); height: calc(100% - 20px); - background: $background; + //background: $background; transform: translate(40px, 20px); border-radius: 5px; /*box-shadow: -1px 11px 33px -10px rgba(127,127,127,0.4);*/ - box-shadow: -1px 11px 33px -10px #e5502b4b; + //box-shadow: -1px 11px 33px -10px #e5502b4b; padding: 20px 20px 20px 230px; color: $textColor; } @@ -108,6 +108,7 @@ .profileImage { z-index: 20; /*box-shadow: -5px 7px 10px -6px rgba(127,127,127,.4);*/ + box-shadow: -1px 11px 33px -10px #e5502b4b; } .profileImageDummy {