body{margin:0;height:100%;overflow:hidden;font-family:zcool kuaile,cursive;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;background:#000}h2.title{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:2;margin-bottom:30px;text-align:center;color:#f7bccb;text-shadow:2px 2px 0 #ee2c79,-2px 2px 0 #3fd0e4,2px -2px 0 rgba(180,80,226,.8),-2px -2px 0 #000;animation:text-out 1s ease-in-out 1s forwards,text-shake .5s ease-in-out 2s forwards}@keyframes text-out{0%{transform:translate(-50%,-50%) scale(1);backdrop-filter:blur(0)}50%{transform:translate(-50%,-50%) scale(1.5);backdrop-filter:blur(5px)}to{transform:translate(-50%,-50%) scale(1);backdrop-filter:blur(0)}}@keyframes text-shake{0%{transform:translate(-50%,-50%) rotate(0)}15%{transform:translate(-50%,-50%) rotate(3deg)}25%{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-50%) rotate(3deg)}75%{transform:translate(-50%,-50%) rotate(-3deg)}to{transform:translate(-50%,-50%) rotate(0)}}p{margin-bottom:15px;color:#fff8d4}.background-container{position:relative;height:90vh;background-size:contain;background-repeat:no-repeat;background-position:50%;animation:fadeIn 3.59s forwards}.overlay{top:0;height:100%;background-color:hsla(0,0%,100%,.7);animation:fadeOut 3.89s forwards}.bottom-container,.overlay{position:absolute;left:0;width:100%}.bottom-container{bottom:0;text-align:center}.centered-content{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:inline-block;width:100%}@keyframes fadeIn{0%{filter:blur(10px)}to{filter:blur(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:1020px){h2.title{width:90%}}