html,body{width:100%;height:100%;margin:0}body{text-align:center;background-color:#2c5a57;background-image:linear-gradient(#101922,#275451);background-size:100%;line-height:1.45}p{text-transform:uppercase;letter-spacing:4px;color:#fff;opacity:0;margin:3em 0 1em;font-family:Montserrat,sans-serif;font-size:26px;font-weight:600;animation:.5s ease-in-out .5s forwards fadedown}.text{letter-spacing:4px;color:gray;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;animation:.5s ease-in-out .5s forwards fadedown}h1{color:#ecdb35;text-transform:uppercase;text-shadow:0 3px red;margin:0;font-family:squada one;font-size:72px;animation:1s ease-in-out 1s forwards zoomin;transform:scale(0)}h1 span{display:inline-block}h1+p{letter-spacing:2px;max-width:50%;margin-left:auto;margin-right:auto;font-size:20px;animation-delay:2s}@keyframes zoomin{0%{transform:scale(0)}90%{transform:scale(1.1)}95%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes fadedown{0%{opacity:0;transform:translateY(-10px)}90%{transform:translateY(1px)}to{opacity:1;transform:translate(0,0)}}