@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap";@import"https://fonts.googleapis.com/css2?family=Bangers&display=swap";body{background-color:#fff;font-family:cursive;overflow:hidden}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.fact-container{border:10px dashed #ff9f43;border-radius:25px;padding:20px;margin:20px;background-color:#feca57;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;max-width:80%}@keyframes emoji-fly{0%{transform:translate(var(--start-x),var(--start-y)) scale(var(--scale)) rotate(0);opacity:1}25%{transform:translate(var(--x1),var(--y1)) scale(var(--scale)) rotate(var(--r1))}50%{transform:translate(var(--x2),var(--y2)) scale(var(--scale)) rotate(var(--r2))}75%{transform:translate(var(--x3),var(--y3)) scale(var(--scale)) rotate(var(--r3))}to{transform:translate(var(--x4),var(--y4)) scale(var(--scale)) rotate(var(--r4));opacity:1}}.fact-button{background-color:#ff4757;color:#fff;border:none;padding:20px 40px;font-size:2rem;border-radius:50px;cursor:pointer;transition:transform .2s ease-in-out;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.fact-button:hover{transform:scale(1.1)}.fact-display{padding:20px;max-width:80%;text-align:center;margin:0 auto}.fact-text{font-family:Luckiest Guy,cursive;font-size:2.5rem;color:#5758bb;animation:fadeIn .5s ease-in-out}.copied-message{position:absolute;background-color:#28a745;color:#fff;padding:5px 10px;border-radius:5px;font-size:.9rem;margin-top:10px;font-family:Bangers,cursive;animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.fact-button{font-size:1.5rem;padding:15px 30px}.fact-text{font-size:1.8rem}}