From 3e57832971e7ee6299ef15421882bc8052f5d06b Mon Sep 17 00:00:00 2001 From: Joshua Seigler Date: Wed, 23 Aug 2017 03:07:14 -0400 Subject: [PATCH] :zap: add shadows for extra realism and mysteriousness --- style.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/style.css b/style.css index 99f03de..c084cc4 100644 --- a/style.css +++ b/style.css @@ -9,6 +9,7 @@ body { justify-contents: center; align-items: center; min-height: 100vh; + background-image: linear-gradient(180deg, white, 70%, gray); } .confetti { @@ -35,7 +36,13 @@ main { .logo { text-indent: -100vw; overflow: hidden; + background-color: #1c75bc; background-image: url(logo.svg); + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: 50% 50%; padding-top: 100%; line-height: 0; + border-radius: 50%; + box-shadow: 0.2em 3em 4em rgba(0, 0, 0, 0.5), 0.2em 3em 8em rgba(0, 0, 0, 0.25); }