diff --git a/jstrr.css b/jstrr.css index a5adcf1..fa36035 100644 --- a/jstrr.css +++ b/jstrr.css @@ -1,12 +1,39 @@ -body {background-color: rgb(145, 176, 235); +body {background-color: #C01623; background-image: url(snow.png); background-position: center; background-repeat: no-repeat; background-size: cover;} - .wrapper{ - text-align: center; - margin: 0 auto; + text-align: center; + margin: 0 auto; + position: relative; + width: 100%; + overflow: hidden; +} +.snow { + background-color: #fff; + border-radius: 50%; + position: absolute; + animation: animate-snow 10s linear; + } + @keyframes animate-snow { + 0% { + opacity: 0; + top: 0; } + + 10% { + opacity: 1; + } + + 90% { + opacity: 1; + } + + 100% { + opacity: 0; + top: 100vh; + } + } table{ margin: 0 auto; }