| 1 |
- @import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap";.starry-sky-bg[data-v-2e7b542e]{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:-100;background:radial-gradient(200% 100% at bottom center,#f7f7b6,#e96f92,#75517d,#1b2947);background:radial-gradient(220% 105% at top center,#1b2947 10%,#75517d 40%,#e96f92 65%,#f7f7b6);background-attachment:fixed}@keyframes rotate-2e7b542e{0%{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0)}to{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-360deg)}}.stars[data-v-2e7b542e]{transform:perspective(500px);transform-style:preserve-3d;position:fixed;perspective-origin:50% 100%;left:50%;animation:rotate-2e7b542e 66s infinite linear;bottom:0;z-index:-99}.star[data-v-2e7b542e]{width:2px;height:2px;background:#f7f7b8;position:fixed;top:0px;left:0;backface-visibility:hidden}*[data-v-21c62446]{margin:0;padding:0;box-sizing:border-box}a[data-v-21c62446]{position:relative;display:inline-block;padding:25px 30px;margin:40px 50px 40px 0;color:#03e9f4;text-decoration:none;text-transform:uppercase;transition:.5s;letter-spacing:4px;overflow:hidden}a[data-v-21c62446]:hover{background:#03e9f4;color:#050801;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 200px #03e9f4;-webkit-box-reflect:below 1px linear-gradient(transparent,#0005)}.warning[data-v-21c62446]{filter:hue-rotate(300deg)}.success[data-v-21c62446]{filter:hue-rotate(240deg)}a span[data-v-21c62446]{position:absolute;display:block}a span[data-v-21c62446]:nth-child(1){top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);animation:animate1-21c62446 1s linear infinite}@keyframes animate1-21c62446{0%{left:-100%}50%,to{left:100%}}a span[data-v-21c62446]:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);animation:animate2-21c62446 1s linear infinite;animation-delay:.25s}@keyframes animate2-21c62446{0%{top:-100%}50%,to{top:100%}}a span[data-v-21c62446]:nth-child(3){bottom:0;right:0;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);animation:animate3-21c62446 1s linear infinite;animation-delay:.5s}@keyframes animate3-21c62446{0%{right:-100%}50%,to{right:100%}}a span[data-v-21c62446]:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#03e9f4);animation:animate4-21c62446 1s linear infinite;animation-delay:.75s}@keyframes animate4-21c62446{0%{bottom:-100%}50%,to{bottom:100%}}
|
