:root{--font-mono:"Roboto Mono",monospace;--gradient-rainbow:linear-gradient(to right,#22d3eeb3,#4ade80b3,#fab315b3,#fb923b3c,#ef4444b3);--gradient-gray:linear-gradient(to right,#2a2a2a,#3a3a3a,#4a4a4a,#5a5a5a,#6a6a6a)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:#000;font-size:18px;line-height:32px}html,body,body{color:#fff;margin:0;font-family:system-ui;font-size:18px;line-height:32px}@media (max-width:1024px){html,body,body{font-size:15px;line-height:24px}}.flip-card:after{content:"";z-index:10;background:linear-gradient(90deg,#000000e6 0%,#000000b3 50%,#000000e6 100%);height:.4vh;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.flip-card.flipping .flip-card__back{z-index:6;animation:.3s ease-in forwards flipTop}.flip-card.flipping .flip-card__back-bottom{z-index:6;animation:.3s ease-out .3s forwards flipBottom}@keyframes flipTop{0%{z-index:2;transform:rotateX(0)}0%,99%{opacity:1}to{opacity:0;transform:rotateX(-90deg)}}@keyframes flipBottom{0%,50%{z-index:-1;opacity:0;transform:rotateX(90deg)}51%{opacity:1}to{opacity:1;z-index:5;transform:rotateX(0)}}