body{perspective:800px;position:fixed;padding:0;margin:0;overflow:hidden}.button-screen,body{width:100vw;height:100vh}.button-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#111,#222);position:relative}.button-screen button{padding-inline:1.25rem;padding-block:.75rem;border:none;outline:1px solid #fff;border-radius:.5rem;background:linear-gradient(180deg,#f0f8ff 0,azure);cursor:pointer;transition:all ease-out;transition-duration:.2s}.button-screen button:hover{scale:1.1}p{color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:center;font-size:1.5rem}p.discreto{color:#333;font-size:.75rem}.eu{max-height:300px}.rosto{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);animation:jumpscare .5s linear;animation-fill-mode:both}.correndo{position:fixed;top:20%;left:-150%;animation:correndo 1.2s linear}.gato-joia{max-height:40vh;max-width:60%;transform:perspective(800px) rotateY(90deg);margin:auto;animation:concreto 4s ease-in forwards}.clarao{background-color:#fff;opacity:1;animation:flashbang .5s linear forwards}.clarao,.esqueletos-dancantes{position:fixed;top:0;left:0;width:100vw;height:100vh}.esqueletos-dancantes{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center;grid-gap:20%;gap:20%}.esqueletos-dancantes>img{max-width:50%;max-height:50%;margin:auto}@keyframes flashbang{0%{opacity:1}to{opacity:0}}@keyframes jumpscare{0%{width:0;height:0;opacity:1}80%{height:100vh;width:100%;opacity:1}to{opacity:0}}@keyframes correndo{0%{left:-100%}to{left:100%}}@keyframes concreto{0%{transform:perspective(800px) rotateY(90deg)}to{transform:perspective(800px) rotateY(0deg)}}