:root{--card-height: 65vh;--card-width: calc(var(--card-height) / 1.5)}body{min-height:100vh;background:#212534;display:flex;align-items:center;flex-direction:column;padding-top:2rem;padding-bottom:2rem;box-sizing:border-box}h1{color:#fff;font-family:Titan One,cursive;margin-bottom:20px}.card{background:url(/assets/whisper-img-CoeycvrB.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:var(--card-width);height:var(--card-height);padding:3px;position:relative;border-radius:6px;justify-content:center;align-items:center;text-align:center;display:flex;font-size:1.5em;color:#58c7fa00;font-family:Gloria Hallelujah,cursive}.card:hover{color:#58c7fa;transition:color 1s}.card:hover:before,.card:hover:after{animation:none;opacity:0}.card:before{content:"";width:104%;height:102%;border-radius:8px;background-image:linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);position:absolute;z-index:-1;top:-1%;left:-2%;animation:spin 2.5s linear infinite}.card:after{position:absolute;content:"";top:calc(var(--card-height) / 6);left:0;right:0;z-index:-1;height:100%;width:100%;margin:0 auto;transform:scale(.8);filter:blur(calc(var(--card-height) / 6));background-image:linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);opacity:1;transition:opacity .5s;animation:spin 2.5s linear infinite}@property --rotate{syntax: "<angle>"; initial-value: 132deg; inherits: false;}@keyframes spin{0%{--rotate: 0deg}to{--rotate: 360deg}}a{color:#212534;text-decoration:none;font-family:sans-serif;font-weight:700;margin-top:2rem}.user{color:#fff;font-size:24px;font-family:Titan One,cursive}