*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(90deg,#fffcfc 21px,transparent 1%) 50%,linear-gradient(#fffcfc 21px,transparent 1%) 50%,#000;background-size:22px 22px}span.serial{font-size:16px;position:fixed;text-orientation:right;bottom:16px;right:16px;color:#000;text-shadow:#000 1px 1px 2px;font-weight:500}.card{width:350px;height:500px;border:2 solid #000;border-radius:8px;box-shadow:5px 5px 10px 2px #00000080;padding:16px;background-color:#fff;overflow:hidden;opacity:0;transform:translateY(80px) rotate(6deg)}.card.draw{animation:draw-card .6s ease-out forwards}@keyframes draw-card{0%{opacity:0;transform:translateY(80px) rotate(6deg) scale(.95)}60%{opacity:1;transform:translateY(-6px) rotate(-1deg) scale(1.02)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.card.leave{animation:leave-card .5s ease-in forwards}@keyframes leave-card{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}40%{opacity:.7;transform:translateY(20px) rotate(-3deg) scale(.97)}to{opacity:0;transform:translateY(120px) rotate(-6deg) scale(.9)}}.top{height:90px;width:600px;position:relative;top:-40px;left:-100px;background-color:#000;margin-bottom:16px;transform:rotate(-6deg)}.bottom{height:160px;width:600px;position:relative;bottom:0;left:-100px;background-color:#000;margin-top:16px;transform:rotate(-6deg)}.card.nsfw .top,.card.nsfw .bottom{background-color:#f94291}p{max-width:calc(100% - 32px);height:250px;overflow:hidden;font-size:20px;font-weight:500;font-family:Oswald}main{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}