add shadows for extra realism and mysteriousness

This commit is contained in:
Joshua Seigler 2017-08-23 03:07:14 -04:00
parent a4ed228a65
commit 3e57832971

View file

@ -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);
}