*{box-sizing:border-box}body{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;max-height:100dvh;font-family:"Montserrat",sans-serif;overflow:hidden;background:linear-gradient(rgb(255, 255, 255) 0%, rgba(55, 0, 255, 0.2) 100%),linear-gradient(120deg, #fd64e6 0%, #b8b7fd 20%, #ced9ff 55%, #b8b7fd 70%, #d4abf3 100%);background-size:100% 100%}p{font-family:"Poppins",sans-serif}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.wrapper{display:flex;flex-flow:row wrap;justify-content:center;max-width:100vw}.card{width:100vw;max-width:600px;height:70dvh;margin:.2em;position:relative}.card .content{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(0.75, 0, 0.85, 1);box-shadow:0 0 20px #fff;border-radius:12px}@media(min-width: 300px){.card{width:95vw;margin:1em}}@media(min-width: 530px){.card{height:350px}}.more{display:none}.more:checked~.content{transform:rotateY(180deg)}.front,.back{position:absolute !important;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transform-style:preserve-3d;border-radius:12px;background:linear-gradient(40deg, black, #434343);position:relative}.front .inner,.back .inner{height:100%;display:grid;padding:.4em;transform:translateZ(80px) scale(0.94)}@media(min-width: 300px){.front .inner,.back .inner{padding:.8em}}.front{background-color:#fff;background-size:cover;background-position:center center}.front:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;border-radius:12px;backface-visibility:hidden;transform-style:preserve-3d;background:linear-gradient(40deg, black, #434343)}.front .inner{grid-template-rows:2fr 3fr 2fr 4fr;color:#eaeaea}.front .header{display:grid;grid-template-columns:4fr 2fr;width:100%}.front .header .button{grid-column:-1;justify-self:end;border:unset;padding-left:0;padding-right:0;text-shadow:0 0 6px rgba(0,0,0,.3);color:#eaeaea}.front .header .button:hover{transform:scale(1.1);background-color:inherit;box-shadow:inherit;color:inherit}.front .header .logo{height:auto;width:50vw;max-width:220px}.front .name{margin:25px 0 10px 0;text-align:center}.front .name h3,.front .name h4{margin:0 !important;color:#eaeaea}.front .name h3{margin-bottom:.3em;text-transform:uppercase;font-weight:500;text-shadow:0 0 6px rgba(0,0,0,.1);margin-bottom:5px !important;font-size:1.3em}@media(min-width: 530px){.front .name h3{font-size:1.5rem}}.front .name h4{font-size:.9rem;letter-spacing:.6px}.front .name h3 span{position:relative;display:inline-block;text-transform:uppercase;font-weight:bold;animation:flip 10s infinite;animation-delay:calc(.2s*var(--i));background:-webkit-linear-gradient(316deg, #eee, #ffc800);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@keyframes flip{0%{transform:rotateY(360deg)}95%{transform:rotateY(360deg)}}.front .urls{color:rgba(255,255,255,.8);font-size:14px;display:flex;flex-flow:row nowrap;justify-content:center;margin-top:15px}.front .urls a{border-radius:6px;color:#eaeaea;text-shadow:0 0 6px rgba(0,0,0,.3);padding:15px;transition:.3s}.front .urls a:hover{background-color:inherit;color:#fff;text-shadow:0 0 20px #9ecaed}.front .address{margin-top:20px;font-size:12px;line-height:18px;color:#eaeaea;display:flex;align-items:end}.front .address a{color:#eaeaea;text-decoration:none}.front .address p{margin:0}.back{transform:rotateY(180deg);background-color:#fff}.back .inner{grid-template-rows:1fr 5fr 1fr;row-gap:15px;justify-items:center;align-items:center}@media(min-width: 530px){.back .inner{padding:1em}}.back h3{font-size:16px;line-height:20px;text-align:center;color:#fff;margin:0}.back .qrcode{width:100%;display:flex;justify-content:center}.back .qrcode #qr{display:flex;justify-content:center}@media(min-width: 530px){.back .qrcode #qr{margin-top:0%}}.back .qrcode #qr>img{justify-self:center;width:90%;padding:5px;background:#fff;border-radius:12px;margin:auto}@media(min-width: 530px){.back .qrcode #qr>img{width:200px}}.back .button{grid-row:3;justify-self:center;margin-top:0}.button{grid-row:-1;text-transform:uppercase;letter-spacing:1px;font-weight:600;cursor:pointer;display:block;padding:0 1.5em;height:3em;line-height:2.9em;min-width:3em;background-color:rgba(0,0,0,0);border:solid 2px #fff;color:#fff;border-radius:4px;text-align:center;left:50%;backface-visibility:hidden;transition:.3s ease-in-out;text-shadow:0 0 6px rgba(0,0,0,.3)}.button:hover{box-shadow:0 0 50px rgba(0,0,0,.5);text-shadow:none;color:#fff}.button.return{line-height:3em;color:#fff;border-color:#fff;text-shadow:none}.button.return:hover{color:#fff;box-shadow:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#fff}::-webkit-scrollbar-thumb:hover{background:#fff}