diff --git a/source/components/Results.css b/source/components/Results.css index 2f988e751..88495508d 100644 --- a/source/components/Results.css +++ b/source/components/Results.css @@ -1,26 +1,27 @@ #results { position: fixed; + left: 50%; bottom: 2.5%; - left: 0; width: 90%; - margin: 0 5%; + max-width: 45em; + margin: 0 auto; padding: .1em; background: #4A89DC; color: white; padding: .6em 0; font-size: 120%; - box-shadow: 0px 0px 20px 2px #ccc; + box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.25); opacity: 0; - transform: translateY(12em); + transform: translate(-50%, 12em); transition: transform .5s; transition-delay: .3s; transition-timing-function: cubic-bezier(0, 1.01, 0.24, 1) } #results.show { - transform: translateY(0); + transform: translate(-50%, 0); opacity: 1; }