Public/galaxy
2
0
Fork 0
mirror of https://github.com/uiverse-io/galaxy.git synced 2025-11-28 05:00:22 +08:00
Code Issues Projects Releases Packages Wiki Activity
galaxy/Cards/sangmort_tidy-mole-17.html

1117 lines
58 KiB
HTML
Raw Permalink Blame History

<div class="card">
<div class="heading">Join the Open-Source <span>Galaxy</span></div>
<div class="content">
<div class="item item--create">
<svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M24 12L18.3431 17.6569L16.9289 16.2426L21.1716 12L16.9289 7.75736L18.3431 6.34315L24 12ZM2.82843 12L7.07107 16.2426L5.65685 17.6569L0 12L5.65685 6.34315L7.07107 7.75736L2.82843 12ZM9.78845 21H7.66009L14.2116 3H16.3399L9.78845 21Z" fill="currentColor"></path>
</svg>
<span>Create</span>
</div>
<div class="item item--post">
<svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M4.99958 12.9998C4.99958 7.91186 7.90222 3.56348 11.9996 1.81787C16.0969 3.56348 18.9996 7.91186 18.9996 12.9998C18.9996 13.8227 18.9236 14.6263 18.779 15.4026L20.7194 17.2352C20.8845 17.3911 20.9238 17.6388 20.815 17.8381L18.3196 22.4132C18.1873 22.6556 17.8836 22.7449 17.6412 22.6127C17.5993 22.5898 17.5608 22.5611 17.5271 22.5273L15.2925 20.2927C15.1049 20.1052 14.8506 19.9998 14.5854 19.9998H9.41379C9.14857 19.9998 8.89422 20.1052 8.70668 20.2927L6.47209 22.5273C6.27683 22.7226 5.96025 22.7226 5.76498 22.5273C5.73122 22.4935 5.70246 22.4551 5.67959 22.4132L3.18412 17.8381C3.07537 17.6388 3.11464 17.3911 3.27975 17.2352L5.22014 15.4026C5.07551 14.6263 4.99958 13.8227 4.99958 12.9998ZM6.47542 19.6955L7.29247 18.8785C7.85508 18.3159 8.61814 17.9998 9.41379 17.9998H14.5854C15.381 17.9998 16.1441 18.3159 16.7067 18.8785L17.5237 19.6955L18.5056 17.8954L17.4058 16.8566C16.9117 16.39 16.6884 15.7044 16.8128 15.0363C16.9366 14.3721 16.9996 13.691 16.9996 12.9998C16.9996 9.13025 15.0045 5.69953 11.9996 4.04021C8.99462 5.69953 6.99958 9.13025 6.99958 12.9998C6.99958 13.691 7.06255 14.3721 7.18631 15.0363C7.31078 15.7044 7.08746 16.39 6.59338 16.8566L5.49353 17.8954L6.47542 19.6955ZM11.9996 12.9998C10.895 12.9998 9.99958 12.1044 9.99958 10.9998C9.99958 9.89525 10.895 8.99982 11.9996 8.99982C13.1041 8.99982 13.9996 9.89525 13.9996 10.9998C13.9996 12.1044 13.1041 12.9998 11.9996 12.9998Z" fill="currentColor"></path>
</svg>
<span>Post</span>
</div>
<div class="item item--inspire">
<svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6144 17.7956C10.277 18.5682 9.20776 18.5682 8.8704 17.7956L7.99275 15.7854C7.21171 13.9966 5.80589 12.5726 4.0523 11.7942L1.63658 10.7219C.868536 10.381.868537 9.26368 1.63658 8.92276L3.97685 7.88394C5.77553 7.08552 7.20657 5.60881 7.97427 3.75892L8.8633 1.61673C9.19319.821767 10.2916.821765 10.6215 1.61673L11.5105 3.75894C12.2782 5.60881 13.7092 7.08552 15.5079 7.88394L17.8482 8.92276C18.6162 9.26368 18.6162 10.381 17.8482 10.7219L15.4325 11.7942C13.6789 12.5726 12.2731 13.9966 11.492 15.7854L10.6144 17.7956ZM4.53956 9.82234C6.8254 10.837 8.68402 12.5048 9.74238 14.7996 10.8008 12.5048 12.6594 10.837 14.9452 9.82234 12.6321 8.79557 10.7676 7.04647 9.74239 4.71088 8.71719 7.04648 6.85267 8.79557 4.53956 9.82234ZM19.4014 22.6899 19.6482 22.1242C20.0882 21.1156 20.8807 20.3125 21.8695 19.8732L22.6299 19.5353C23.0412 19.3526 23.0412 18.7549 22.6299 18.5722L21.9121 18.2532C20.8978 17.8026 20.0911 16.9698 19.6586 15.9269L19.4052 15.3156C19.2285 14.8896 18.6395 14.8896 18.4628 15.3156L18.2094 15.9269C17.777 16.9698 16.9703 17.8026 15.956 18.2532L15.2381 18.5722C14.8269 18.7549 14.8269 19.3526 15.2381 19.5353L15.9985 19.8732C16.9874 20.3125 17.7798 21.1156 18.2198 22.1242L18.4667 22.6899C18.6473 23.104 19.2207 23.104 19.4014 22.6899ZM18.3745 19.0469 18.937 18.4883 19.4878 19.0469 18.937 19.5898 18.3745 19.0469Z" fill="currentColor"></path>
</svg>
<span>Inspire</span>
</div>
</div>
<button>Code to Infinity!</button>
</div>
<style>
/* From Uiverse.io by sangmort - Tags: card */
.card {
/* Stars */
--stars-1: -0.2rem 3.96rem var(--color-stars-a),
-0.12rem -3.32rem var(--color-stars-a),
-0.12rem 2.41rem var(--color-stars-a),
-0.13rem -0.33rem var(--color-stars-a),
-0.13rem 1.12rem var(--color-stars-a), -0.22rem 3.79rem var(--color-stars-a),
-0.23rem -0.74rem var(--color-stars-a), -0.23rem -2rem var(--color-stars-a),
-0.26rem -0.72rem var(--color-stars-a),
-0.29rem -0.94rem var(--color-stars-a),
-0.39rem 0.13rem var(--color-stars-a),
-0.33rem -2.43rem var(--color-stars-a), -0.33rem -2rem var(--color-stars-a),
-0.48rem 0.77rem var(--color-stars-a),
-0.46rem -0.73rem var(--color-stars-a),
-0.47rem 1.46rem var(--color-stars-a), -0.61rem -2rem var(--color-stars-a),
-0.3rem -0.7rem var(--color-stars-a), -0.38rem 0.41rem var(--color-stars-a),
-0.3rem -4rem var(--color-stars-a), -0.61rem -3rem var(--color-stars-a),
-0.63rem 2.44rem var(--color-stars-a), -0.63rem 3.44rem var(--color-stars-a),
-0.72rem -0.69rem var(--color-stars-a),
-0.82rem 3.13rem var(--color-stars-a), -0.82rem 6.13rem var(--color-stars-a),
-0.86rem -3.33rem var(--color-stars-a),
-0.87rem 2.84rem var(--color-stars-a), -0.89rem 1.33rem var(--color-stars-a),
-0.99rem -2.22rem var(--color-stars-a),
-0.98rem -0.69rem var(--color-stars-a),
-0.98rem -1.69rem var(--color-stars-a), -0.9rem 3.38rem var(--color-stars-a),
-1.11rem 1.83rem var(--color-stars-a),
-1.13rem -1.73rem var(--color-stars-a), -1.23rem -3rem var(--color-stars-a),
-1.26rem -1.72rem var(--color-stars-a), -1.33rem -3rem var(--color-stars-a),
-1.29rem -1.94rem var(--color-stars-a),
-1.39rem -0.87rem var(--color-stars-a),
-1.46rem -0.74rem var(--color-stars-a),
-1.39rem 0.22rem var(--color-stars-a), -1.47rem 0.46rem var(--color-stars-a),
-1.48rem -0.23rem var(--color-stars-a), -1.3rem -1.7rem var(--color-stars-a),
-1.36rem -1.11rem var(--color-stars-a),
-1.37rem 1.71rem var(--color-stars-a),
-1.38rem -0.39rem var(--color-stars-a),
-1.39rem 4.32rem var(--color-stars-a), -1.61rem -4rem var(--color-stars-a),
-1.63rem 1.44rem var(--color-stars-a),
-1.64rem -0.78rem var(--color-stars-a),
-1.78rem 3.79rem var(--color-stars-a), -1.82rem 4.13rem var(--color-stars-a),
-1.86rem -4.33rem var(--color-stars-a),
-1.87rem 1.84rem var(--color-stars-a), -1.89rem 0.33rem var(--color-stars-a),
-1.91rem 1.32rem var(--color-stars-a),
-1.98rem -2.69rem var(--color-stars-a), -1.9rem 2.38rem var(--color-stars-a),
-1rem -1rem var(--color-stars-a), -1rem 1.71rem var(--color-stars-a),
-1rem 7rem var(--color-stars-a), -2.11rem 0.83rem var(--color-stars-a),
-2.13rem -2.73rem var(--color-stars-a),
-2.11rem 1.83rem var(--color-stars-a),
-2.13rem -2.33rem var(--color-stars-a),
-2.13rem -0.88rem var(--color-stars-a),
-2.22rem 3.79rem var(--color-stars-a),
-2.23rem -1.74rem var(--color-stars-a),
-2.23rem -2.74rem var(--color-stars-a),
-2.29rem -2.94rem var(--color-stars-a), -2.23rem -4rem var(--color-stars-a),
-2.33rem -4rem var(--color-stars-a), -2.29rem -2.94rem var(--color-stars-a),
-2.39rem -0.78rem var(--color-stars-a),
-2.39rem -1.87rem var(--color-stars-a),
-2.46rem -2.73rem var(--color-stars-a),
-2.47rem -0.34rem var(--color-stars-a),
-2.47rem -0.34rem var(--color-stars-a), -2.3rem -2.7rem var(--color-stars-a),
-2.48rem -0.21rem var(--color-stars-a),
-2.72rem -2.69rem var(--color-stars-a),
-2.36rem -1.11rem var(--color-stars-a),
-2.36rem -2.11rem var(--color-stars-a),
-2.37rem 0.71rem var(--color-stars-a), -2.39rem 3.32rem var(--color-stars-a),
-2.61rem -4rem var(--color-stars-a), -2.61rem -3rem var(--color-stars-a),
-2.63rem 0.44rem var(--color-stars-a), -2.63rem 1.44rem var(--color-stars-a),
-2.72rem 2.28rem var(--color-stars-a), -2.78rem 2.79rem var(--color-stars-a),
-2.86rem -3.33rem var(--color-stars-a),
-2.98rem -2.69rem var(--color-stars-a),
-2.87rem 0.84rem var(--color-stars-a), -2.91rem 0.32rem var(--color-stars-a),
-2.94rem 4.33rem var(--color-stars-a), -2rem -2rem var(--color-stars-a),
-2.98rem -3.69rem var(--color-stars-a), -2rem -0.29rem var(--color-stars-a),
-2rem -1.17rem var(--color-stars-a), -2rem 0.96rem var(--color-stars-a),
-2rem 3.97rem var(--color-stars-a), -2rem 6rem var(--color-stars-a),
-3.2rem 1.96rem var(--color-stars-a), -3.11rem -0.13rem var(--color-stars-a),
-3.13rem -3.44rem var(--color-stars-a),
-3.13rem -3.73rem var(--color-stars-a),
-3.23rem -2.74rem var(--color-stars-a),
-3.29rem -3.94rem var(--color-stars-a),
-3.39rem -2.87rem var(--color-stars-a),
-3.39rem -1.78rem var(--color-stars-a),
-3.46rem -2.74rem var(--color-stars-a),
-3.46rem -2.74rem var(--color-stars-a),
-3.47rem -1.34rem var(--color-stars-a), -3.61rem -6rem var(--color-stars-a),
-3.48rem -1.21rem var(--color-stars-a),
-3.36rem -3.11rem var(--color-stars-a),
-3.39rem 2.32rem var(--color-stars-a),
-3.71rem -3.46rem var(--color-stars-a),
-3.63rem -0.36rem var(--color-stars-a),
-3.72rem -3.69rem var(--color-stars-a),
-3.91rem -0.68rem var(--color-stars-a),
-3.86rem -6.33rem var(--color-stars-a),
-3.91rem -0.68rem var(--color-stars-a),
-3.94rem 3.33rem var(--color-stars-a),
-3.98rem -4.69rem var(--color-stars-a), -3rem -0.4rem var(--color-stars-a),
-3rem -3rem var(--color-stars-a), -3rem -0.29rem var(--color-stars-a),
-3rem -2.17rem var(--color-stars-a), -4rem -1.29rem var(--color-stars-a),
-3rem 2.97rem var(--color-stars-a), -3rem 3rem var(--color-stars-a),
-4.2rem 0.96rem var(--color-stars-a), -4.13rem -4.44rem var(--color-stars-a),
-4.29rem -4.94rem var(--color-stars-a),
-4.48rem -2.21rem var(--color-stars-a),
-4.46rem -3.74rem var(--color-stars-a),
-4.72rem -4.69rem var(--color-stars-a),
-4.91rem -1.68rem var(--color-stars-a), -4rem -2.29rem var(--color-stars-a),
-4rem -1.4rem var(--color-stars-a), -4rem -4rem var(--color-stars-a),
-4rem -3.17rem var(--color-stars-a), -4rem 1.97rem var(--color-stars-a),
-4rem 4rem var(--color-stars-a), -3.48rem -3.21rem var(--color-stars-a),
-3.72rem -3.69rem var(--color-stars-a),
-3.91rem -2.68rem var(--color-stars-a), -3rem -2.29rem var(--color-stars-a),
-3rem -4.17rem var(--color-stars-a), -6rem -3.29rem var(--color-stars-a),
-6rem -3.17rem var(--color-stars-a), -0.11rem 3.83rem var(--color-stars-a),
0.1rem -1.22rem var(--color-stars-a), 0.2rem 1.31rem var(--color-stars-a),
0.11rem 2.33rem var(--color-stars-a), 0.14rem -2.33rem var(--color-stars-a),
0.21rem 1.63rem var(--color-stars-a), 0.1rem 4.38rem var(--color-stars-a),
0.21rem 0.63rem var(--color-stars-a), 0.22rem 2.33rem var(--color-stars-a),
0.41rem 6.32rem var(--color-stars-a), 0.43rem 3.41rem var(--color-stars-a),
0.42rem 1.41rem var(--color-stars-a), 0.32rem 1.77rem var(--color-stars-a),
0.3rem -3rem var(--color-stars-a), 0.34rem 0.27rem var(--color-stars-a),
0.62rem -1.39rem var(--color-stars-a), 0.73rem -1rem var(--color-stars-a),
0.67rem -1.43rem var(--color-stars-a), 0.71rem -0.94rem var(--color-stars-a),
0.73rem -3.17rem var(--color-stars-a), 0.74rem 0.28rem var(--color-stars-a),
0.83rem 1.2rem var(--color-stars-a), 0.83rem 2.12rem var(--color-stars-a),
1.18rem 7.13rem var(--color-stars-a), 0.88rem -2.32rem var(--color-stars-a),
0.93rem 4.3rem var(--color-stars-a), 0.93rem 4rem var(--color-stars-a),
1.1rem -0.22rem var(--color-stars-a), 1.2rem 0.73rem var(--color-stars-a),
1.14rem -1.33rem var(--color-stars-a), 1.21rem 1.63rem var(--color-stars-a),
1.23rem 4rem var(--color-stars-a), 1.21rem 2.63rem var(--color-stars-a),
1.22rem 3.33rem var(--color-stars-a), 1.42rem 2.41rem var(--color-stars-a),
1.27rem -2.4rem var(--color-stars-a), 1.39rem -0.17rem var(--color-stars-a),
1.31rem 3.49rem var(--color-stars-a), 1.38rem -1.12rem var(--color-stars-a),
1.3rem -2rem var(--color-stars-a), 1.73rem -2.17rem var(--color-stars-a),
1.61rem 0.99rem var(--color-stars-a), 1.62rem -0.39rem var(--color-stars-a),
1.76rem 2.13rem var(--color-stars-a), 1.83rem -1.7rem var(--color-stars-a),
1.83rem 2.2rem var(--color-stars-a), 1.86rem -0.37rem var(--color-stars-a),
1.88rem -1.32rem var(--color-stars-a), 1.93rem 3.3rem var(--color-stars-a),
1.93rem 3rem var(--color-stars-a), 2.2rem 1.73rem var(--color-stars-a),
2.3rem 0.43rem var(--color-stars-a), 2.3rem 1.74rem var(--color-stars-a),
2.11rem 4.33rem var(--color-stars-a), 2.7rem -0.34rem var(--color-stars-a),
2.19rem -2.14rem var(--color-stars-a), 2.21rem 2.63rem var(--color-stars-a),
2.22rem 4.33rem var(--color-stars-a), 2.23rem 3rem var(--color-stars-a),
2.27rem -1.4rem var(--color-stars-a), 2.2rem -4.4rem var(--color-stars-a),
2.32rem -0.92rem var(--color-stars-a), 2.43rem -2.64rem var(--color-stars-a),
2.48rem 2.17rem var(--color-stars-a), 2.31rem 4.49rem var(--color-stars-a),
2.32rem 0.34rem var(--color-stars-a), 2.32rem 3.77rem var(--color-stars-a),
2.34rem 0.34rem var(--color-stars-a), 2.37rem 1.48rem var(--color-stars-a),
2.36rem 2.48rem var(--color-stars-a), 2.37rem -2.89rem var(--color-stars-a),
2.38rem -0.12rem var(--color-stars-a), 2.61rem 1.99rem var(--color-stars-a),
2.61rem 2.68rem var(--color-stars-a), 2.62rem 0.41rem var(--color-stars-a),
2.62rem -4.28rem var(--color-stars-a), 2.62rem 3.41rem var(--color-stars-a),
2.63rem -0.97rem var(--color-stars-a), 2.73rem -1.17rem var(--color-stars-a),
2.83rem -0.7rem var(--color-stars-a), 2.76rem 3.13rem var(--color-stars-a),
2.83rem 3.2rem var(--color-stars-a), 3.7rem 0.46rem var(--color-stars-a),
2.83rem 4.12rem var(--color-stars-a), 2.86rem 0.63rem var(--color-stars-a),
2.93rem -1.99rem var(--color-stars-a), 2.93rem 6rem var(--color-stars-a),
3.1rem 0.78rem var(--color-stars-a), 3.2rem 2.73rem var(--color-stars-a),
3.3rem -3.69rem var(--color-stars-a), 3.3rem 1.43rem var(--color-stars-a),
3.3rem 2.74rem var(--color-stars-a), 3.19rem -1.14rem var(--color-stars-a),
3.21rem 0.89rem var(--color-stars-a), 3.21rem 3.63rem var(--color-stars-a),
3.32rem -0.8rem var(--color-stars-a), 3.23rem 6rem var(--color-stars-a),
3.27rem -0.4rem var(--color-stars-a), 3.2rem -3.4rem var(--color-stars-a),
3.32rem 2.38rem var(--color-stars-a), 3.36rem 1.8rem var(--color-stars-a),
3.48rem 3.17rem var(--color-stars-a), 3.43rem -1.64rem var(--color-stars-a),
3.43rem 0.39rem var(--color-stars-a), 3.31rem 3.49rem var(--color-stars-a),
3.37rem 2.48rem var(--color-stars-a), 3.61rem -1.9rem var(--color-stars-a),
3.3rem -0.32rem var(--color-stars-a), 3.61rem 3.68rem var(--color-stars-a),
3.69rem -1.17rem var(--color-stars-a), 3.62rem -3.28rem var(--color-stars-a),
3.63rem -0.6rem var(--color-stars-a), 3.73rem 0.83rem var(--color-stars-a),
3.76rem 2.68rem var(--color-stars-a), 3.76rem 4.13rem var(--color-stars-a),
3.83rem 0.93rem var(--color-stars-a), 3.93rem -0.99rem var(--color-stars-a),
3.93rem 7.3rem var(--color-stars-a), 4.19rem -0.14rem var(--color-stars-a),
4.3rem -2.69rem var(--color-stars-a), 4.3rem 2.43rem var(--color-stars-a),
4.22rem 6.33rem var(--color-stars-a), 4.32rem 0.92rem var(--color-stars-a),
4.32rem 3.38rem var(--color-stars-a), 4.43rem 1.39rem var(--color-stars-a),
4.36rem 2.8rem var(--color-stars-a), 4.37rem 3.48rem var(--color-stars-a),
4.38rem 1.88rem var(--color-stars-a), 4.61rem -0.9rem var(--color-stars-a),
4.61rem 3.99rem var(--color-stars-a), 4.63rem -0.6rem var(--color-stars-a),
4.61rem 4.68rem var(--color-stars-a), 4.69rem -0.17rem var(--color-stars-a),
4.83rem 1.93rem var(--color-stars-a), 4.76rem 3.68rem var(--color-stars-a),
4.86rem 2.63rem var(--color-stars-a), 4.93rem -0.99rem var(--color-stars-a),
4rem -2.61rem var(--color-stars-a), 4rem 0.83rem var(--color-stars-a),
4rem 2.22rem var(--color-stars-a), 3.3rem 4.33rem var(--color-stars-a),
3.27rem 1.96rem var(--color-stars-a), 3.32rem 1.92rem var(--color-stars-a),
3.32rem 4.38rem var(--color-stars-a), 3.36rem 3.8rem var(--color-stars-a),
3.43rem 0.36rem var(--color-stars-a), 3.61rem 3.68rem var(--color-stars-a),
3.43rem 2.39rem var(--color-stars-a), 3.62rem -1.28rem var(--color-stars-a),
3.63rem 1.94rem var(--color-stars-a), 3.69rem 0.83rem var(--color-stars-a),
3.76rem 4.68rem var(--color-stars-a), 3.93rem 1.1rem var(--color-stars-a),
3rem -1.61rem var(--color-stars-a), 3rem 1.83rem var(--color-stars-a),
3rem 3.22rem var(--color-stars-a), 6.3rem -0.99rem var(--color-stars-a),
6.3rem 4.43rem var(--color-stars-a), 6.19rem -1.14rem var(--color-stars-a),
6.32rem 3.38rem var(--color-stars-a), 6.36rem 4.8rem var(--color-stars-a),
6.61rem 1.91rem var(--color-stars-a), 6.37rem 3.48rem var(--color-stars-a),
7rem 3.83rem var(--color-stars-a), 6rem -0.61rem var(--color-stars-a),
6rem 2.83rem var(--color-stars-a), 6rem 4.22rem var(--color-stars-a),
7.43rem 4.39rem var(--color-stars-a), 7.69rem 2.83rem var(--color-stars-a),
8rem 1.39rem var(--color-stars-a), 8rem 6.22rem var(--color-stars-a),
-8.3rem 12.2rem var(--color-stars-a), 13.3rem 2.3rem var(--color-stars-a),
-7.4rem 3.7rem var(--color-stars-a), -14.3rem 7.1rem var(--color-stars-a),
0.9rem -1.3rem var(--color-stars-a), -13.6rem 7.8rem var(--color-stars-a),
-12.4rem 8.2rem var(--color-stars-a), -7.1rem 14.7rem var(--color-stars-a),
1.2rem -8.9rem var(--color-stars-a), -13.9rem 8.3rem var(--color-stars-a),
8.8rem 14.3rem var(--color-stars-a), -2.2rem -14.9rem var(--color-stars-a),
2.3rem -12.7rem var(--color-stars-a), 7.7rem 1.3rem var(--color-stars-a),
8.9rem 1.1rem var(--color-stars-a), -3.2rem -8.6rem var(--color-stars-a),
-7.6rem -6.9rem var(--color-stars-a), -11.4rem -3.4rem var(--color-stars-a),
1.1rem 1.4rem var(--color-stars-a), -2.8rem 4.6rem var(--color-stars-a),
-6.3rem -11.7rem var(--color-stars-a), -3.7rem -6.3rem var(--color-stars-a),
-6.4rem 3.4rem var(--color-stars-a), 1.1rem -13.3rem var(--color-stars-a),
-1.8rem -11.2rem var(--color-stars-a), -9.1rem -12.6rem var(--color-stars-a),
2.6rem -3.7rem var(--color-stars-a), 1.7rem -1.3rem var(--color-stars-a),
-3.1rem -1.2rem var(--color-stars-a), 3.8rem 8.6rem var(--color-stars-a),
0.8rem 12.1rem var(--color-stars-a), 11.6rem -7.2rem var(--color-stars-a),
13.8rem -4.1rem var(--color-stars-a), -1.3rem -7.3rem var(--color-stars-a),
-7.9rem 8.2rem var(--color-stars-a), 1.6rem 1.2rem var(--color-stars-a),
2.3rem 3.7rem var(--color-stars-a), 3.7rem 14.3rem var(--color-stars-a),
14.3rem 9.1rem var(--color-stars-a), 7.9rem 0.3rem var(--color-stars-a),
-3.3rem 11.3rem var(--color-stars-a), -1.3rem -14.6rem var(--color-stars-a),
-9.6rem 12.1rem var(--color-stars-a), -1.3rem 1.4rem var(--color-stars-a),
8.4rem 9.4rem var(--color-stars-a), 12.3rem -11.8rem var(--color-stars-a),
4.6rem 12.1rem var(--color-stars-a), -8.2rem 8.7rem var(--color-stars-a),
12.7rem 0.3rem var(--color-stars-a), 1.3rem 2.6rem var(--color-stars-a),
-3.6rem -2.7rem var(--color-stars-a), -4.7rem -1.1rem var(--color-stars-a),
-1.6rem 8.3rem var(--color-stars-a), -4.3rem 12.2rem var(--color-stars-a),
-3.7rem -3.1rem var(--color-stars-a), -12.3rem 7.8rem var(--color-stars-a),
-12.6rem 6.9rem var(--color-stars-a), -1.3rem -7.3rem var(--color-stars-a),
7.8rem -3.2rem var(--color-stars-a), 0.7rem -2.1rem var(--color-stars-a),
-3.9rem -14.6rem var(--color-stars-a), 1.1rem 6.2rem var(--color-stars-a),
-3.4rem 12.9rem var(--color-stars-a), -4.2rem 8.4rem var(--color-stars-a),
-13.7rem -9.4rem var(--color-stars-a), 3.3rem -1.8rem var(--color-stars-a),
11.4rem -3.1rem var(--color-stars-a), 4.9rem 6.6rem var(--color-stars-a),
-3.1rem 13.7rem var(--color-stars-a), 1.8rem 7.6rem var(--color-stars-a),
14.2rem 14.3rem var(--color-stars-a);
--stars-2: -0.02rem 3.96rem var(--color-stars-b),
-0.12rem -3.32rem var(--color-stars-b),
-0.12rem 2.41rem var(--color-stars-b),
-0.15rem -0.53rem var(--color-stars-b),
-0.15rem 1.12rem var(--color-stars-b), -0.22rem 5.79rem var(--color-stars-b),
-0.23rem -0.74rem var(--color-stars-b), -0.25rem -2rem var(--color-stars-b),
-0.26rem -0.72rem var(--color-stars-b),
-0.29rem -0.94rem var(--color-stars-b),
-0.39rem 0.13rem var(--color-stars-b),
-0.33rem -2.43rem var(--color-stars-b), -0.35rem -2rem var(--color-stars-b),
-0.48rem 0.77rem var(--color-stars-b),
-0.46rem -0.73rem var(--color-stars-b),
-0.47rem 1.46rem var(--color-stars-b), -0.61rem -2rem var(--color-stars-b),
-0.55rem -0.07rem var(--color-stars-b),
-0.58rem 0.41rem var(--color-stars-b), -0.5rem -4rem var(--color-stars-b),
-0.61rem -3rem var(--color-stars-b), -0.65rem 2.44rem var(--color-stars-b),
-0.65rem 3.44rem var(--color-stars-b),
-0.72rem -0.69rem var(--color-stars-b),
-0.82rem 5.15rem var(--color-stars-b), -0.82rem 6.15rem var(--color-stars-b),
-0.86rem -3.35rem var(--color-stars-b),
-0.87rem 2.84rem var(--color-stars-b), -0.89rem 1.35rem var(--color-stars-b),
-0.99rem -2.22rem var(--color-stars-b),
-0.98rem -0.69rem var(--color-stars-b),
-0.98rem -1.69rem var(--color-stars-b), -0.9rem 3.38rem var(--color-stars-b),
-1.11rem 1.85rem var(--color-stars-b),
-1.15rem -1.73rem var(--color-stars-b), -1.25rem -3rem var(--color-stars-b),
-1.26rem -1.72rem var(--color-stars-b), -1.35rem -3rem var(--color-stars-b),
-1.29rem -1.94rem var(--color-stars-b),
-1.39rem -0.87rem var(--color-stars-b),
-1.46rem -0.74rem var(--color-stars-b),
-1.39rem 0.22rem var(--color-stars-b), -1.47rem 0.46rem var(--color-stars-b),
-1.48rem -0.23rem var(--color-stars-b),
-1.55rem -1.07rem var(--color-stars-b),
-1.56rem -1.11rem var(--color-stars-b),
-1.57rem 1.71rem var(--color-stars-b),
-1.58rem -0.59rem var(--color-stars-b),
-1.59rem 4.32rem var(--color-stars-b), -1.61rem -4rem var(--color-stars-b),
-1.65rem 1.44rem var(--color-stars-b),
-1.64rem -0.78rem var(--color-stars-b),
-1.78rem 3.79rem var(--color-stars-b), -1.82rem 4.15rem var(--color-stars-b),
-1.86rem -4.35rem var(--color-stars-b),
-1.87rem 1.84rem var(--color-stars-b), -1.89rem 0.35rem var(--color-stars-b),
-1.91rem 1.32rem var(--color-stars-b),
-1.98rem -2.69rem var(--color-stars-b), -1.9rem 2.38rem var(--color-stars-b),
-1rem -1rem var(--color-stars-b), -1rem 1.71rem var(--color-stars-b),
-1rem 7rem var(--color-stars-b), -2.11rem 0.85rem var(--color-stars-b),
-2.15rem -2.73rem var(--color-stars-b),
-2.11rem 1.85rem var(--color-stars-b),
-2.15rem -2.53rem var(--color-stars-b),
-2.15rem -0.88rem var(--color-stars-b),
-2.22rem 3.79rem var(--color-stars-b),
-2.23rem -1.74rem var(--color-stars-b),
-2.23rem -2.74rem var(--color-stars-b),
-2.29rem -2.94rem var(--color-stars-b), -2.25rem -4rem var(--color-stars-b),
-2.35rem -4rem var(--color-stars-b), -2.29rem -2.94rem var(--color-stars-b),
-2.39rem -0.78rem var(--color-stars-b),
-2.39rem -1.87rem var(--color-stars-b),
-2.46rem -2.73rem var(--color-stars-b),
-2.47rem -0.54rem var(--color-stars-b),
-2.47rem -0.54rem var(--color-stars-b),
-2.55rem -2.07rem var(--color-stars-b),
-2.48rem -0.21rem var(--color-stars-b),
-2.72rem -2.69rem var(--color-stars-b),
-2.56rem -1.11rem var(--color-stars-b),
-2.56rem -2.11rem var(--color-stars-b),
-2.57rem 0.71rem var(--color-stars-b), -2.59rem 3.32rem var(--color-stars-b),
-2.61rem -4rem var(--color-stars-b), -2.61rem -5rem var(--color-stars-b),
-2.65rem 0.44rem var(--color-stars-b), -2.65rem 1.44rem var(--color-stars-b),
-2.72rem 2.28rem var(--color-stars-b), -2.78rem 2.79rem var(--color-stars-b),
-2.86rem -5.35rem var(--color-stars-b),
-2.98rem -2.69rem var(--color-stars-b),
-2.87rem 0.84rem var(--color-stars-b), -2.91rem 0.32rem var(--color-stars-b),
-2.94rem 4.33rem var(--color-stars-b), -2rem -2rem var(--color-stars-b),
-2.98rem -3.69rem var(--color-stars-b), -2rem -0.29rem var(--color-stars-b),
-2rem -1.17rem var(--color-stars-b), -2rem 0.96rem var(--color-stars-b),
-2rem 3.97rem var(--color-stars-b), -2rem 6rem var(--color-stars-b),
-3.02rem 1.96rem var(--color-stars-b),
-3.11rem -0.15rem var(--color-stars-b),
-3.13rem -3.44rem var(--color-stars-b),
-3.15rem -3.73rem var(--color-stars-b),
-3.23rem -2.74rem var(--color-stars-b),
-3.29rem -3.94rem var(--color-stars-b),
-3.39rem -2.87rem var(--color-stars-b),
-3.39rem -1.78rem var(--color-stars-b),
-3.46rem -2.74rem var(--color-stars-b),
-3.46rem -2.74rem var(--color-stars-b),
-3.47rem -1.54rem var(--color-stars-b), -3.61rem -6rem var(--color-stars-b),
-3.48rem -1.21rem var(--color-stars-b),
-3.56rem -3.11rem var(--color-stars-b),
-3.59rem 2.32rem var(--color-stars-b),
-3.71rem -3.46rem var(--color-stars-b),
-3.65rem -0.56rem var(--color-stars-b),
-3.72rem -3.69rem var(--color-stars-b),
-3.91rem -0.68rem var(--color-stars-b),
-3.86rem -6.35rem var(--color-stars-b),
-3.91rem -0.68rem var(--color-stars-b),
-3.94rem 3.33rem var(--color-stars-b),
-3.98rem -4.69rem var(--color-stars-b), -3rem -0.04rem var(--color-stars-b),
-3rem -3rem var(--color-stars-b), -3rem -0.29rem var(--color-stars-b),
-3rem -2.17rem var(--color-stars-b), -4rem -1.29rem var(--color-stars-b),
-3rem 2.97rem var(--color-stars-b), -3rem 5rem var(--color-stars-b),
-4.02rem 0.96rem var(--color-stars-b),
-4.13rem -4.44rem var(--color-stars-b),
-4.29rem -4.94rem var(--color-stars-b),
-4.48rem -2.21rem var(--color-stars-b),
-4.46rem -3.74rem var(--color-stars-b),
-4.72rem -4.69rem var(--color-stars-b),
-4.91rem -1.68rem var(--color-stars-b), -4rem -2.29rem var(--color-stars-b),
-4rem -1.04rem var(--color-stars-b), -4rem -4rem var(--color-stars-b),
-4rem -3.17rem var(--color-stars-b), -4rem 1.97rem var(--color-stars-b),
-4rem 4rem var(--color-stars-b), -5.48rem -3.21rem var(--color-stars-b),
-5.72rem -5.69rem var(--color-stars-b),
-5.91rem -2.68rem var(--color-stars-b), -5rem -2.29rem var(--color-stars-b),
-5rem -4.17rem var(--color-stars-b), -6rem -3.29rem var(--color-stars-b),
-6rem -5.17rem var(--color-stars-b), -0.11rem 3.85rem var(--color-stars-b),
0.01rem -1.22rem var(--color-stars-b), 0.02rem 1.31rem var(--color-stars-b),
0.11rem 2.35rem var(--color-stars-b), 0.14rem -2.35rem var(--color-stars-b),
0.21rem 1.63rem var(--color-stars-b), 0.1rem 4.38rem var(--color-stars-b),
0.21rem 0.63rem var(--color-stars-b), 0.22rem 2.33rem var(--color-stars-b),
0.41rem 6.32rem var(--color-stars-b), 0.43rem 3.41rem var(--color-stars-b),
0.42rem 1.41rem var(--color-stars-b), 0.52rem 1.77rem var(--color-stars-b),
0.5rem -3rem var(--color-stars-b), 0.54rem 0.27rem var(--color-stars-b),
0.62rem -1.59rem var(--color-stars-b), 0.75rem -1rem var(--color-stars-b),
0.67rem -1.43rem var(--color-stars-b), 0.71rem -0.94rem var(--color-stars-b),
0.73rem -3.17rem var(--color-stars-b), 0.74rem 0.28rem var(--color-stars-b),
0.83rem 1.02rem var(--color-stars-b), 0.85rem 2.12rem var(--color-stars-b),
1.18rem 7.15rem var(--color-stars-b), 0.88rem -2.32rem var(--color-stars-b),
0.93rem 4.05rem var(--color-stars-b), 0.95rem 4rem var(--color-stars-b),
1.01rem -0.22rem var(--color-stars-b), 1.02rem 0.73rem var(--color-stars-b),
1.14rem -1.35rem var(--color-stars-b), 1.21rem 1.63rem var(--color-stars-b),
1.23rem 4rem var(--color-stars-b), 1.21rem 2.63rem var(--color-stars-b),
1.22rem 3.33rem var(--color-stars-b), 1.42rem 2.41rem var(--color-stars-b),
1.27rem -2.04rem var(--color-stars-b), 1.39rem -0.17rem var(--color-stars-b),
1.51rem 3.49rem var(--color-stars-b), 1.58rem -1.12rem var(--color-stars-b),
1.5rem -2rem var(--color-stars-b), 1.73rem -2.17rem var(--color-stars-b),
1.61rem 0.99rem var(--color-stars-b), 1.62rem -0.59rem var(--color-stars-b),
1.76rem 2.15rem var(--color-stars-b), 1.83rem -1.07rem var(--color-stars-b),
1.83rem 2.02rem var(--color-stars-b), 1.86rem -0.37rem var(--color-stars-b),
1.88rem -1.32rem var(--color-stars-b), 1.93rem 5.05rem var(--color-stars-b),
1.95rem 5rem var(--color-stars-b), 2.02rem 1.73rem var(--color-stars-b),
2.05rem 0.45rem var(--color-stars-b), 2.05rem 1.74rem var(--color-stars-b),
2.11rem 4.35rem var(--color-stars-b), 2.07rem -0.54rem var(--color-stars-b),
2.19rem -2.14rem var(--color-stars-b), 2.21rem 2.63rem var(--color-stars-b),
2.22rem 4.33rem var(--color-stars-b), 2.23rem 5rem var(--color-stars-b),
2.27rem -1.04rem var(--color-stars-b), 2.2rem -4.4rem var(--color-stars-b),
2.32rem -0.92rem var(--color-stars-b), 2.45rem -2.64rem var(--color-stars-b),
2.48rem 2.17rem var(--color-stars-b), 2.51rem 4.49rem var(--color-stars-b),
2.52rem 0.54rem var(--color-stars-b), 2.52rem 3.77rem var(--color-stars-b),
2.54rem 0.54rem var(--color-stars-b), 2.57rem 1.48rem var(--color-stars-b),
2.56rem 2.48rem var(--color-stars-b), 2.57rem -2.89rem var(--color-stars-b),
2.58rem -0.12rem var(--color-stars-b), 2.61rem 1.99rem var(--color-stars-b),
2.61rem 2.68rem var(--color-stars-b), 2.62rem 0.41rem var(--color-stars-b),
2.62rem -4.28rem var(--color-stars-b), 2.62rem 3.41rem var(--color-stars-b),
2.63rem -0.97rem var(--color-stars-b), 2.73rem -1.17rem var(--color-stars-b),
2.83rem -0.07rem var(--color-stars-b), 2.76rem 3.15rem var(--color-stars-b),
2.83rem 3.02rem var(--color-stars-b), 3.07rem 0.46rem var(--color-stars-b),
2.85rem 4.12rem var(--color-stars-b), 2.86rem 0.63rem var(--color-stars-b),
2.93rem -1.99rem var(--color-stars-b), 2.95rem 6rem var(--color-stars-b),
3.01rem 0.78rem var(--color-stars-b), 3.02rem 2.73rem var(--color-stars-b),
3.03rem -3.69rem var(--color-stars-b), 3.05rem 1.45rem var(--color-stars-b),
3.05rem 2.74rem var(--color-stars-b), 3.19rem -1.14rem var(--color-stars-b),
3.21rem 0.89rem var(--color-stars-b), 3.21rem 3.63rem var(--color-stars-b),
3.32rem -0.08rem var(--color-stars-b), 3.23rem 6rem var(--color-stars-b),
3.27rem -0.04rem var(--color-stars-b), 3.2rem -3.4rem var(--color-stars-b),
3.32rem 2.38rem var(--color-stars-b), 3.36rem 1.8rem var(--color-stars-b),
3.48rem 3.17rem var(--color-stars-b), 3.45rem -1.64rem var(--color-stars-b),
3.45rem 0.39rem var(--color-stars-b), 3.51rem 5.49rem var(--color-stars-b),
3.57rem 2.48rem var(--color-stars-b), 3.61rem -1.09rem var(--color-stars-b),
3.5rem -0.32rem var(--color-stars-b), 3.61rem 3.68rem var(--color-stars-b),
3.69rem -1.17rem var(--color-stars-b), 3.62rem -3.28rem var(--color-stars-b),
3.63rem -0.06rem var(--color-stars-b), 3.73rem 0.83rem var(--color-stars-b),
3.76rem 2.68rem var(--color-stars-b), 3.76rem 4.15rem var(--color-stars-b),
3.83rem 0.93rem var(--color-stars-b), 3.93rem -0.99rem var(--color-stars-b),
3.93rem 7.05rem var(--color-stars-b), 4.19rem -0.14rem var(--color-stars-b),
4.03rem -2.69rem var(--color-stars-b), 4.05rem 2.45rem var(--color-stars-b),
4.22rem 6.33rem var(--color-stars-b), 4.32rem 0.92rem var(--color-stars-b),
4.32rem 3.38rem var(--color-stars-b), 4.45rem 1.39rem var(--color-stars-b),
4.36rem 2.8rem var(--color-stars-b), 4.57rem 3.48rem var(--color-stars-b),
4.58rem 1.88rem var(--color-stars-b), 4.61rem -0.09rem var(--color-stars-b),
4.61rem 3.99rem var(--color-stars-b), 4.63rem -0.06rem var(--color-stars-b),
4.61rem 4.68rem var(--color-stars-b), 4.69rem -0.17rem var(--color-stars-b),
4.83rem 1.93rem var(--color-stars-b), 4.76rem 3.68rem var(--color-stars-b),
4.86rem 2.63rem var(--color-stars-b), 4.93rem -0.99rem var(--color-stars-b),
4rem -2.61rem var(--color-stars-b), 4rem 0.85rem var(--color-stars-b),
4rem 2.22rem var(--color-stars-b), 5.05rem 4.33rem var(--color-stars-b),
5.27rem 1.96rem var(--color-stars-b), 5.32rem 1.92rem var(--color-stars-b),
5.32rem 4.38rem var(--color-stars-b), 5.36rem 3.8rem var(--color-stars-b),
5.45rem 0.36rem var(--color-stars-b), 5.61rem 5.68rem var(--color-stars-b),
5.45rem 2.39rem var(--color-stars-b), 5.62rem -1.28rem var(--color-stars-b),
5.63rem 1.94rem var(--color-stars-b), 5.69rem 0.83rem var(--color-stars-b),
5.76rem 4.68rem var(--color-stars-b), 5.93rem 1.01rem var(--color-stars-b),
5rem -1.61rem var(--color-stars-b), 5rem 1.85rem var(--color-stars-b),
5rem 3.22rem var(--color-stars-b), 6.03rem -0.99rem var(--color-stars-b),
6.05rem 4.45rem var(--color-stars-b), 6.19rem -1.14rem var(--color-stars-b),
6.32rem 5.38rem var(--color-stars-b), 6.36rem 4.8rem var(--color-stars-b),
6.61rem 1.91rem var(--color-stars-b), 6.57rem 5.48rem var(--color-stars-b),
7rem 3.85rem var(--color-stars-b), 6rem -0.61rem var(--color-stars-b),
6rem 2.85rem var(--color-stars-b), 6rem 4.22rem var(--color-stars-b),
7.45rem 4.39rem var(--color-stars-b), 7.69rem 2.83rem var(--color-stars-b),
8rem 1.39rem var(--color-stars-b), 8rem 6.22rem var(--color-stars-b),
-8.5rem 12.2rem var(--color-stars-b), 13.3rem 2.5rem var(--color-stars-b),
-7.4rem 3.7rem var(--color-stars-b), -14.5rem 7.1rem var(--color-stars-b),
0.9rem -1.3rem var(--color-stars-b), -13.6rem 7.8rem var(--color-stars-b),
-12.4rem 8.2rem var(--color-stars-b), -7.1rem 14.7rem var(--color-stars-b),
1.2rem -8.9rem var(--color-stars-b), -13.9rem 8.3rem var(--color-stars-b),
8.8rem 14.3rem var(--color-stars-b), -2.2rem -14.9rem var(--color-stars-b),
2.3rem -12.7rem var(--color-stars-b), 7.7rem 1.5rem var(--color-stars-b),
8.9rem 1.1rem var(--color-stars-b), -5.2rem -8.6rem var(--color-stars-b),
-7.6rem -6.9rem var(--color-stars-b), -11.4rem -3.4rem var(--color-stars-b),
1.1rem 10.4rem var(--color-stars-b), -2.8rem 4.6rem var(--color-stars-b),
-6.5rem -11.7rem var(--color-stars-b), -5.7rem -6.3rem var(--color-stars-b),
-6.4rem 5.4rem var(--color-stars-b), 10.1rem -13.5rem var(--color-stars-b),
-10.8rem -11.2rem var(--color-stars-b),
-9.1rem -12.6rem var(--color-stars-b), 2.6rem -5.7rem var(--color-stars-b),
10.7rem -10.3rem var(--color-stars-b), -5.1rem -1.2rem var(--color-stars-b),
3.8rem 8.6rem var(--color-stars-b), 0.8rem 12.1rem var(--color-stars-b),
11.6rem -7.2rem var(--color-stars-b), 13.8rem -4.1rem var(--color-stars-b),
-10.3rem -7.5rem var(--color-stars-b), -7.9rem 8.2rem var(--color-stars-b),
1.6rem 1.2rem var(--color-stars-b), 2.5rem 5.7rem var(--color-stars-b),
3.7rem 14.5rem var(--color-stars-b), 14.3rem 9.1rem var(--color-stars-b),
7.9rem 0.5rem var(--color-stars-b), -5.3rem 11.3rem var(--color-stars-b),
-1.5rem -14.6rem var(--color-stars-b), -9.6rem 12.1rem var(--color-stars-b),
-10.5rem 1.4rem var(--color-stars-b), 8.4rem 9.4rem var(--color-stars-b),
12.5rem -11.8rem var(--color-stars-b), 4.6rem 12.1rem var(--color-stars-b),
-8.2rem 8.7rem var(--color-stars-b), 12.7rem 0.3rem var(--color-stars-b),
10.3rem 2.6rem var(--color-stars-b), -3.6rem -2.7rem var(--color-stars-b),
-4.7rem -1.1rem var(--color-stars-b), -1.6rem 8.5rem var(--color-stars-b),
-4.3rem 12.2rem var(--color-stars-b), -3.7rem -3.1rem var(--color-stars-b),
-12.3rem 7.8rem var(--color-stars-b), -12.6rem 6.9rem var(--color-stars-b),
-1.3rem -7.5rem var(--color-stars-b), 7.8rem -5.2rem var(--color-stars-b),
0.7rem -2.1rem var(--color-stars-b), -5.9rem -14.6rem var(--color-stars-b),
10.1rem 6.2rem var(--color-stars-b), -3.4rem 12.9rem var(--color-stars-b),
-4.2rem 8.4rem var(--color-stars-b), -13.7rem -9.4rem var(--color-stars-b),
3.5rem -10.8rem var(--color-stars-b), 11.4rem -3.1rem var(--color-stars-b),
4.9rem 6.6rem var(--color-stars-b), -3.1rem 13.7rem var(--color-stars-b),
1.8rem 7.6rem var(--color-stars-b), 14.2rem 14.5rem var(--color-stars-b);
--stars-3: -0.02rem 3.96rem var(--color-stars-c),
-0.12rem -3.32rem var(--color-stars-c),
-0.12rem 2.41rem var(--color-stars-c),
-0.15rem -0.53rem var(--color-stars-c),
-0.15rem 1.12rem var(--color-stars-c), -0.22rem 5.79rem var(--color-stars-c),
-0.23rem -0.74rem var(--color-stars-c), -0.25rem -2rem var(--color-stars-c),
-0.26rem -0.72rem var(--color-stars-c),
-0.29rem -0.94rem var(--color-stars-c),
-0.39rem 0.13rem var(--color-stars-c),
-0.33rem -2.43rem var(--color-stars-c), -0.35rem -2rem var(--color-stars-c),
-0.48rem 0.77rem var(--color-stars-c),
-0.46rem -0.73rem var(--color-stars-c),
-0.47rem 1.46rem var(--color-stars-c), -0.61rem -2rem var(--color-stars-c),
-0.55rem -0.07rem var(--color-stars-c),
-0.58rem 0.41rem var(--color-stars-c), -0.5rem -4rem var(--color-stars-c),
-0.61rem -3rem var(--color-stars-c), -0.65rem 2.44rem var(--color-stars-c),
-0.65rem 3.44rem var(--color-stars-c),
-0.72rem -0.69rem var(--color-stars-c),
-0.82rem 5.15rem var(--color-stars-c), -0.82rem 6.15rem var(--color-stars-c),
-0.86rem -3.35rem var(--color-stars-c),
-0.87rem 2.84rem var(--color-stars-c), -0.89rem 1.35rem var(--color-stars-c),
-0.99rem -2.22rem var(--color-stars-c),
-0.98rem -0.69rem var(--color-stars-c),
-0.98rem -1.69rem var(--color-stars-c), -0.9rem 3.38rem var(--color-stars-c),
-1.11rem 1.85rem var(--color-stars-c),
-1.15rem -1.73rem var(--color-stars-c), -1.25rem -3rem var(--color-stars-c),
-1.26rem -1.72rem var(--color-stars-c), -1.35rem -3rem var(--color-stars-c),
-1.29rem -1.94rem var(--color-stars-c),
-1.39rem -0.87rem var(--color-stars-c),
-1.46rem -0.74rem var(--color-stars-c),
-1.39rem 0.22rem var(--color-stars-c), -1.47rem 0.46rem var(--color-stars-c),
-1.48rem -0.23rem var(--color-stars-c),
-1.55rem -1.07rem var(--color-stars-c),
-1.56rem -1.11rem var(--color-stars-c),
-1.57rem 1.71rem var(--color-stars-c),
-1.58rem -0.59rem var(--color-stars-c),
-1.59rem 4.32rem var(--color-stars-c), -1.61rem -4rem var(--color-stars-c),
-1.65rem 1.44rem var(--color-stars-c),
-1.64rem -0.78rem var(--color-stars-c),
-1.78rem 3.79rem var(--color-stars-c), -1.82rem 4.15rem var(--color-stars-c),
-1.86rem -4.35rem var(--color-stars-c),
-1.87rem 1.84rem var(--color-stars-c), -1.89rem 0.35rem var(--color-stars-c),
-1.91rem 1.32rem var(--color-stars-c),
-1.98rem -2.69rem var(--color-stars-c), -1.9rem 2.38rem var(--color-stars-c),
-1rem -1rem var(--color-stars-c), -1rem 1.71rem var(--color-stars-c),
-1rem 7rem var(--color-stars-c), -2.11rem 0.85rem var(--color-stars-c),
-2.15rem -2.73rem var(--color-stars-c),
-2.11rem 1.85rem var(--color-stars-c),
-2.15rem -2.53rem var(--color-stars-c),
-2.15rem -0.88rem var(--color-stars-c),
-2.22rem 3.79rem var(--color-stars-c),
-2.23rem -1.74rem var(--color-stars-c),
-2.23rem -2.74rem var(--color-stars-c),
-2.29rem -2.94rem var(--color-stars-c), -2.25rem -4rem var(--color-stars-c),
-2.35rem -4rem var(--color-stars-c), -2.29rem -2.94rem var(--color-stars-c),
-2.39rem -0.78rem var(--color-stars-c),
-2.39rem -1.87rem var(--color-stars-c),
-2.46rem -2.73rem var(--color-stars-c),
-2.47rem -0.54rem var(--color-stars-c),
-2.47rem -0.54rem var(--color-stars-c),
-2.55rem -2.07rem var(--color-stars-c),
-2.48rem -0.21rem var(--color-stars-c),
-2.72rem -2.69rem var(--color-stars-c),
-2.56rem -1.11rem var(--color-stars-c),
-2.56rem -2.11rem var(--color-stars-c),
-2.57rem 0.71rem var(--color-stars-c), -2.59rem 3.32rem var(--color-stars-c),
-2.61rem -4rem var(--color-stars-c), -2.61rem -5rem var(--color-stars-c),
-2.65rem 0.44rem var(--color-stars-c), -2.65rem 1.44rem var(--color-stars-c),
-2.72rem 2.28rem var(--color-stars-c), -2.78rem 2.79rem var(--color-stars-c),
-2.86rem -5.35rem var(--color-stars-c),
-2.98rem -2.69rem var(--color-stars-c),
-2.87rem 0.84rem var(--color-stars-c), -2.91rem 0.32rem var(--color-stars-c),
-2.94rem 4.33rem var(--color-stars-c), -2rem -2rem var(--color-stars-c),
-2.98rem -3.69rem var(--color-stars-c), -2rem -0.29rem var(--color-stars-c),
-2rem -1.17rem var(--color-stars-c), -2rem 0.96rem var(--color-stars-c),
-2rem 3.97rem var(--color-stars-c), -2rem 6rem var(--color-stars-c),
-3.02rem 1.96rem var(--color-stars-c),
-3.11rem -0.15rem var(--color-stars-c),
-3.13rem -3.44rem var(--color-stars-c),
-3.15rem -3.73rem var(--color-stars-c),
-3.23rem -2.74rem var(--color-stars-c),
-3.29rem -3.94rem var(--color-stars-c),
-3.39rem -2.87rem var(--color-stars-c),
-3.39rem -1.78rem var(--color-stars-c),
-3.46rem -2.74rem var(--color-stars-c),
-3.46rem -2.74rem var(--color-stars-c),
-3.47rem -1.54rem var(--color-stars-c), -3.61rem -6rem var(--color-stars-c),
-3.48rem -1.21rem var(--color-stars-c),
-3.56rem -3.11rem var(--color-stars-c),
-3.59rem 2.32rem var(--color-stars-c),
-3.71rem -3.46rem var(--color-stars-c),
-3.65rem -0.56rem var(--color-stars-c),
-3.72rem -3.69rem var(--color-stars-c),
-3.91rem -0.68rem var(--color-stars-c),
-3.86rem -6.35rem var(--color-stars-c),
-3.91rem -0.68rem var(--color-stars-c),
-3.94rem 3.33rem var(--color-stars-c),
-3.98rem -4.69rem var(--color-stars-c), -3rem -0.04rem var(--color-stars-c),
-3rem -3rem var(--color-stars-c), -3rem -0.29rem var(--color-stars-c),
-3rem -2.17rem var(--color-stars-c), -4rem -1.29rem var(--color-stars-c),
-3rem 2.97rem var(--color-stars-c), -3rem 5rem var(--color-stars-c),
-4.02rem 0.96rem var(--color-stars-c),
-4.13rem -4.44rem var(--color-stars-c),
-4.29rem -4.94rem var(--color-stars-c),
-4.48rem -2.21rem var(--color-stars-c),
-4.46rem -3.74rem var(--color-stars-c),
-4.72rem -4.69rem var(--color-stars-c),
-4.91rem -1.68rem var(--color-stars-c), -4rem -2.29rem var(--color-stars-c),
-4rem -1.04rem var(--color-stars-c), -4rem -4rem var(--color-stars-c),
-4rem -3.17rem var(--color-stars-c), -4rem 1.97rem var(--color-stars-c),
-4rem 4rem var(--color-stars-c), -5.48rem -3.21rem var(--color-stars-c),
-5.72rem -5.69rem var(--color-stars-c),
-5.91rem -2.68rem var(--color-stars-c), -5rem -2.29rem var(--color-stars-c),
-5rem -4.17rem var(--color-stars-c), -6rem -3.29rem var(--color-stars-c),
-6rem -5.17rem var(--color-stars-c), -0.11rem 3.85rem var(--color-stars-c),
0.01rem -1.22rem var(--color-stars-c), 0.02rem 1.31rem var(--color-stars-c),
0.11rem 2.35rem var(--color-stars-c), 0.14rem -2.35rem var(--color-stars-c),
0.21rem 1.63rem var(--color-stars-c), 0.1rem 4.38rem var(--color-stars-c),
0.21rem 0.63rem var(--color-stars-c), 0.22rem 2.33rem var(--color-stars-c),
0.41rem 6.32rem var(--color-stars-c), 0.43rem 3.41rem var(--color-stars-c),
0.42rem 1.41rem var(--color-stars-c), 0.52rem 1.77rem var(--color-stars-c),
0.5rem -3rem var(--color-stars-c), 0.54rem 0.27rem var(--color-stars-c),
0.62rem -1.59rem var(--color-stars-c), 0.75rem -1rem var(--color-stars-c),
0.67rem -1.43rem var(--color-stars-c), 0.71rem -0.94rem var(--color-stars-c),
0.73rem -3.17rem var(--color-stars-c), 0.74rem 0.28rem var(--color-stars-c),
0.83rem 1.02rem var(--color-stars-c), 0.85rem 2.12rem var(--color-stars-c),
1.18rem 7.15rem var(--color-stars-c), 0.88rem -2.32rem var(--color-stars-c),
0.93rem 4.05rem var(--color-stars-c), 0.95rem 4rem var(--color-stars-c),
1.01rem -0.22rem var(--color-stars-c), 1.02rem 0.73rem var(--color-stars-c),
1.14rem -1.35rem var(--color-stars-c), 1.21rem 1.63rem var(--color-stars-c),
1.23rem 4rem var(--color-stars-c), 1.21rem 2.63rem var(--color-stars-c),
1.22rem 3.33rem var(--color-stars-c), 1.42rem 2.41rem var(--color-stars-c),
1.27rem -2.04rem var(--color-stars-c), 1.39rem -0.17rem var(--color-stars-c),
1.51rem 3.49rem var(--color-stars-c), 1.58rem -1.12rem var(--color-stars-c),
1.5rem -2rem var(--color-stars-c), 1.73rem -2.17rem var(--color-stars-c),
1.61rem 0.99rem var(--color-stars-c), 1.62rem -0.59rem var(--color-stars-c),
1.76rem 2.15rem var(--color-stars-c), 1.83rem -1.07rem var(--color-stars-c),
1.83rem 2.02rem var(--color-stars-c), 1.86rem -0.37rem var(--color-stars-c),
1.88rem -1.32rem var(--color-stars-c), 1.93rem 5.05rem var(--color-stars-c),
1.95rem 5rem var(--color-stars-c), 2.02rem 1.73rem var(--color-stars-c),
2.05rem 0.45rem var(--color-stars-c), 2.05rem 1.74rem var(--color-stars-c),
2.11rem 4.35rem var(--color-stars-c), 2.07rem -0.54rem var(--color-stars-c),
2.19rem -2.14rem var(--color-stars-c), 2.21rem 2.63rem var(--color-stars-c),
2.22rem 4.33rem var(--color-stars-c), 2.23rem 5rem var(--color-stars-c),
2.27rem -1.04rem var(--color-stars-c), 2.2rem -4.4rem var(--color-stars-c),
2.32rem -0.92rem var(--color-stars-c), 2.45rem -2.64rem var(--color-stars-c),
2.48rem 2.17rem var(--color-stars-c), 2.51rem 4.49rem var(--color-stars-c),
2.52rem 0.54rem var(--color-stars-c), 2.52rem 3.77rem var(--color-stars-c),
2.54rem 0.54rem var(--color-stars-c), 2.57rem 1.48rem var(--color-stars-c),
2.56rem 2.48rem var(--color-stars-c), 2.57rem -2.89rem var(--color-stars-c),
2.58rem -0.12rem var(--color-stars-c), 2.61rem 1.99rem var(--color-stars-c),
2.61rem 2.68rem var(--color-stars-c), 2.62rem 0.41rem var(--color-stars-c),
2.62rem -4.28rem var(--color-stars-c), 2.62rem 3.41rem var(--color-stars-c),
2.63rem -0.97rem var(--color-stars-c), 2.73rem -1.17rem var(--color-stars-c),
2.83rem -0.07rem var(--color-stars-c), 2.76rem 3.15rem var(--color-stars-c),
2.83rem 3.02rem var(--color-stars-c), 3.07rem 0.46rem var(--color-stars-c),
2.85rem 4.12rem var(--color-stars-c), 2.86rem 0.63rem var(--color-stars-c),
2.93rem -1.99rem var(--color-stars-c), 2.95rem 6rem var(--color-stars-c),
3.01rem 0.78rem var(--color-stars-c), 3.02rem 2.73rem var(--color-stars-c),
3.03rem -3.69rem var(--color-stars-c), 3.05rem 1.45rem var(--color-stars-c),
3.05rem 2.74rem var(--color-stars-c), 3.19rem -1.14rem var(--color-stars-c),
3.21rem 0.89rem var(--color-stars-c), 3.21rem 3.63rem var(--color-stars-c),
3.32rem -0.08rem var(--color-stars-c), 3.23rem 6rem var(--color-stars-c),
3.27rem -0.04rem var(--color-stars-c), 3.2rem -3.4rem var(--color-stars-c),
3.32rem 2.38rem var(--color-stars-c), 3.36rem 1.8rem var(--color-stars-c),
3.48rem 3.17rem var(--color-stars-c), 3.45rem -1.64rem var(--color-stars-c),
3.45rem 0.39rem var(--color-stars-c), 3.51rem 5.49rem var(--color-stars-c),
3.57rem 2.48rem var(--color-stars-c), 3.61rem -1.09rem var(--color-stars-c),
3.5rem -0.32rem var(--color-stars-c), 3.61rem 3.68rem var(--color-stars-c),
3.69rem -1.17rem var(--color-stars-c), 3.62rem -3.28rem var(--color-stars-c),
3.63rem -0.06rem var(--color-stars-c), 3.73rem 0.83rem var(--color-stars-c),
3.76rem 2.68rem var(--color-stars-c), 3.76rem 4.15rem var(--color-stars-c),
3.83rem 0.93rem var(--color-stars-c), 3.93rem -0.99rem var(--color-stars-c),
3.93rem 7.05rem var(--color-stars-c), 4.19rem -0.14rem var(--color-stars-c),
4.03rem -2.69rem var(--color-stars-c), 4.05rem 2.45rem var(--color-stars-c),
4.22rem 6.33rem var(--color-stars-c), 4.32rem 0.92rem var(--color-stars-c),
4.32rem 3.38rem var(--color-stars-c), 4.45rem 1.39rem var(--color-stars-c),
4.36rem 2.8rem var(--color-stars-c), 4.57rem 3.48rem var(--color-stars-c),
4.58rem 1.88rem var(--color-stars-c), 4.61rem -0.09rem var(--color-stars-c),
4.61rem 3.99rem var(--color-stars-c), 4.63rem -0.06rem var(--color-stars-c),
4.61rem 4.68rem var(--color-stars-c), 4.69rem -0.17rem var(--color-stars-c),
4.83rem 1.93rem var(--color-stars-c), 4.76rem 3.68rem var(--color-stars-c),
4.86rem 2.63rem var(--color-stars-c), 4.93rem -0.99rem var(--color-stars-c),
4rem -2.61rem var(--color-stars-c), 4rem 0.85rem var(--color-stars-c),
4rem 2.22rem var(--color-stars-c), 5.05rem 4.33rem var(--color-stars-c),
5.27rem 1.96rem var(--color-stars-c), 5.32rem 1.92rem var(--color-stars-c),
5.32rem 4.38rem var(--color-stars-c), 5.36rem 3.8rem var(--color-stars-c),
5.45rem 0.36rem var(--color-stars-c), 5.61rem 5.68rem var(--color-stars-c),
5.45rem 2.39rem var(--color-stars-c), 5.62rem -1.28rem var(--color-stars-c),
5.63rem 1.94rem var(--color-stars-c), 5.69rem 0.83rem var(--color-stars-c),
5.76rem 4.68rem var(--color-stars-c), 5.93rem 1.01rem var(--color-stars-c),
5rem -1.61rem var(--color-stars-c), 5rem 1.85rem var(--color-stars-c),
5rem 3.22rem var(--color-stars-c), 6.03rem -0.99rem var(--color-stars-c),
6.05rem 4.45rem var(--color-stars-c), 6.19rem -1.14rem var(--color-stars-c),
6.32rem 5.38rem var(--color-stars-c), 6.36rem 4.8rem var(--color-stars-c),
6.61rem 1.91rem var(--color-stars-c), 6.57rem 5.48rem var(--color-stars-c),
7rem 3.85rem var(--color-stars-c), 6rem -0.61rem var(--color-stars-c),
6rem 2.85rem var(--color-stars-c), 6rem 4.22rem var(--color-stars-c),
7.45rem 4.39rem var(--color-stars-c), 7.69rem 2.83rem var(--color-stars-c),
8rem 1.39rem var(--color-stars-c), 8rem 6.22rem var(--color-stars-c),
-8.5rem 12.2rem var(--color-stars-c), 13.3rem 2.5rem var(--color-stars-c),
-7.4rem 3.7rem var(--color-stars-c), -14.5rem 7.1rem var(--color-stars-c),
0.9rem -1.3rem var(--color-stars-c), -13.6rem 7.8rem var(--color-stars-c),
-12.4rem 8.2rem var(--color-stars-c), -7.1rem 14.7rem var(--color-stars-c),
1.2rem -8.9rem var(--color-stars-c), -13.9rem 8.3rem var(--color-stars-c),
8.8rem 14.3rem var(--color-stars-c), -2.2rem -14.9rem var(--color-stars-c),
2.3rem -12.7rem var(--color-stars-c), 7.7rem 1.5rem var(--color-stars-c),
8.9rem 1.1rem var(--color-stars-c), -5.2rem -8.6rem var(--color-stars-c),
-7.6rem -6.9rem var(--color-stars-c), -11.4rem -3.4rem var(--color-stars-c),
1.1rem 10.4rem var(--color-stars-c), -2.8rem 4.6rem var(--color-stars-c),
-6.5rem -11.7rem var(--color-stars-c), -5.7rem -6.3rem var(--color-stars-c),
-6.4rem 5.4rem var(--color-stars-c), 10.1rem -13.5rem var(--color-stars-c),
-10.8rem -11.2rem var(--color-stars-c),
-9.1rem -12.6rem var(--color-stars-c), 2.6rem -5.7rem var(--color-stars-c),
10.7rem -10.3rem var(--color-stars-c), -5.1rem -1.2rem var(--color-stars-c),
3.8rem 8.6rem var(--color-stars-c), 0.8rem 12.1rem var(--color-stars-c),
11.6rem -7.2rem var(--color-stars-c), 13.8rem -4.1rem var(--color-stars-c),
-10.3rem -7.5rem var(--color-stars-c), -7.9rem 8.2rem var(--color-stars-c),
1.6rem 1.2rem var(--color-stars-c), 2.5rem 5.7rem var(--color-stars-c),
3.7rem 14.5rem var(--color-stars-c), 14.3rem 9.1rem var(--color-stars-c),
7.9rem 0.5rem var(--color-stars-c), -5.3rem 11.3rem var(--color-stars-c),
-1.5rem -14.6rem var(--color-stars-c), -9.6rem 12.1rem var(--color-stars-c),
-10.5rem 1.4rem var(--color-stars-c), 8.4rem 9.4rem var(--color-stars-c),
12.5rem -11.8rem var(--color-stars-c), 4.6rem 12.1rem var(--color-stars-c),
-8.2rem 8.7rem var(--color-stars-c), 12.7rem 0.3rem var(--color-stars-c),
10.3rem 2.6rem var(--color-stars-c), -3.6rem -2.7rem var(--color-stars-c),
-4.7rem -1.1rem var(--color-stars-c), -1.6rem 8.5rem var(--color-stars-c),
-4.3rem 12.2rem var(--color-stars-c), -3.7rem -3.1rem var(--color-stars-c),
-12.3rem 7.8rem var(--color-stars-c), -12.6rem 6.9rem var(--color-stars-c),
-1.3rem -7.5rem var(--color-stars-c), 7.8rem -5.2rem var(--color-stars-c),
0.7rem -2.1rem var(--color-stars-c), -5.9rem -14.6rem var(--color-stars-c),
10.1rem 6.2rem var(--color-stars-c), -3.4rem 12.9rem var(--color-stars-c),
-4.2rem 8.4rem var(--color-stars-c), -13.7rem -9.4rem var(--color-stars-c),
3.5rem -10.8rem var(--color-stars-c), 11.4rem -3.1rem var(--color-stars-c),
4.9rem 6.6rem var(--color-stars-c), -3.1rem 13.7rem var(--color-stars-c),
1.8rem 7.6rem var(--color-stars-c), 14.2rem 14.5rem var(--color-stars-c);
/* Color - Variables */
--base-hue: 260deg;
--distance: 20deg;
--darkness: 10%;
/* Colors - Vibrant */
--color-a: hsl(var(--base-hue), 100%, 50%);
--color-b: hsl(calc(var(--base-hue) + (var(--distance) * 2)), 100%, 50%);
--color-c: hsl(calc(var(--base-hue) + (var(--distance) * 3)), 100%, 50%);
--color-d: hsl(calc(var(--base-hue) + (var(--distance) * 4)), 100%, 50%);
/* Colors - Dark */
--color-a-dk: hsl(var(--base-hue), 100%, var(--darkness));
--color-b-dk: hsl(
calc(var(--base-hue) + (var(--distance) * 2)),
100%,
var(--darkness)
);
--color-c-dk: hsl(
calc(var(--base-hue) + (var(--distance) * 3)),
100%,
var(--darkness)
);
--color-d-dk: hsl(
calc(var(--base-hue) + (var(--distance) * 4)),
100%,
var(--darkness)
);
/* Colors - Neutral */
--color-bright: hsl(calc(var(--base-hue) + (var(--distance) * 1)), 100%, 99%);
--color-dark: hsl(calc(var(--base-hue) + (var(--distance) * 1)), 100%, 1%);
/* Colors - Stars */
--color-stars-a: hsl(
calc(var(--base-hue) + (var(--distance) * 1)),
70%,
60%,
100%
);
--color-stars-b: hsl(
calc(var(--base-hue) + (var(--distance) * 2)),
50%,
80%,
60%
);
--color-stars-c: hsl(
calc(var(--base-hue) + (var(--distance) * 3)),
10%,
80%,
20%
);
/* Card GradientBackground */
--bg-space: radial-gradient(
circle at 0% 100%,
var(--color-dark),
20%,
var(--color-a-dk),
var(--color-dark),
var(--color-a-dk),
var(--color-dark)
);
/* radial-gradient(
circle farthest-corner at center center,
var(--color-dark), 20%,
var(--color-a-dk),
var(--color-dark), 60%,
var(--color-a-dk),
var(--color-dark)
); */
/* Card Styles */
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-size: 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: var(--bg-space);
background-size: 300% 210%;
box-shadow: var(--color-a) 0 3.4em 3.4em, var(--color-dark) 0 -0.8em 1.9em,
var(--color-c) 0 0.3em 0.4em, var(--color-d) 0 0.8em 0.8em,
var(--color-b) 0 -0.2em 0.3em;
height: 400px;
width: 280px;
padding: 2rem;
border-radius: 0.75rem;
border: 0.05rem solid var(--color-c);
animation: bg-gradient 15s linear infinite;
position: relative;
overflow: hidden;
}
/* Galaxy Stars - Smaller, Rotating */
.card::after {
content: " ";
position: absolute;
top: 70%;
left: 40%;
width: 0.05rem;
height: 0.05rem;
border-radius: 1rem;
background: transparent;
background-size: 10% 10%;
box-shadow: var(--stars-1);
animation-name: space;
animation-duration: 200s;
animation-timing-function: linear;
animation-iteration-count: infinite;
overflow: hidden;
}
/* Galaxy Stars - Larger, Rotating */
.card span::before {
content: " ";
position: absolute;
top: 80%;
left: 30%;
width: 0.055rem;
height: 0.055rem;
transform: rotate(45deg);
background: transparent;
background-size: 10% 10%;
box-shadow: var(--stars-2);
animation-name: space2;
animation-duration: 320s;
animation-timing-function: linear;
animation-iteration-count: infinite;
overflow: hidden;
}
/* Galaxy Stars - Flickering, Non-Rotating */
.content::after {
content: " ";
position: absolute;
top: 100%;
left: 50%;
width: 0.06em;
height: 0.06em;
transform: rotate(45deg);
background: transparent;
background-size: 10% 10%;
box-shadow: var(--stars-3);
animation-name: space3;
animation-duration: 12s;
animation-timing-function: linear;
animation-iteration-count: infinite;
overflow: hidden;
}
.content {
display: flex;
justify-content: center;
flex-direction: column;
margin: 1rem;
}
/* Header Text */
.heading {
font-size: 1rem;
letter-spacing: 0.05rem;
text-align: center;
text-transform: uppercase;
color: var(--color-bright);
line-height: 2rem;
z-index: 1;
margin-top: .5rem;
text-shadow: 2px 3px 5px var(--color-dark);
}
.heading span {
display: block;
text-align: justify;
font-size: 3rem;
color: var(--color-a);
background-image: linear-gradient(
45deg,
var(--color-a),
var(--color-b),
var(--color-c),
var(--color-d)
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
animation-name: galaxy;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
text-shadow: none;
overflow: hidden;
}
.item,
.item svg {
display: flex;
align-items: center;
font-size: 2rem;
text-transform: uppercase;
margin: 0.25rem;
text-shadow: 2px 3px 5px var(--color-dark);
}
.item svg {
margin-right: .5rem;
height: 2rem;
width: 2rem;
filter: drop-shadow(3px 5px 2px var(--color-dark));
}
.item--create svg {
color: var(--color-a);
z-index: 1;
}
.item--create svg:hover {
color: var(--color-a);
animation: space2 1s linear infinite;
cursor: pointer;
z-index: 1;
}
.item--create {
color: var(--color-a);
z-index: 1;
}
.item--post svg {
color: var(--color-b);
z-index: 1;
}
.item--post svg:hover {
color: var(--color-b);
animation: space2 1s linear infinite;
cursor: pointer;
z-index: 1;
}
.item--post {
color: var(--color-b);
z-index: 1;
}
.item--inspire svg {
color: var(--color-c);
z-index: 1;
}
.item--inspire svg:hover {
color: var(--color-c);
animation: space2 1s linear infinite;
cursor: pointer;
z-index: 1;
}
.item--inspire {
color: var(--color-c);
}
/* Button */
button {
display: flex;
margin-bottom: 1.5rem;
margin-top: .5rem;
position: relative;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
padding: 1rem 2rem;
display: inline-block;
border-radius: 1.75rem;
transition: all 0.2s;
border: none;
font-family: inherit;
font-weight: 500;
color: var(--color-dark);
background-image: linear-gradient(
45deg,
var(--color-a),
var(--color-b),
var(--color-c),
var(--color-d)
);
box-shadow: 0 1rem 1rem var(--color-dark);
z-index: 1;
}
button:hover {
transform: translateY(-3px);
cursor: pointer;
color: var(--color-bright);
box-shadow: 0 10px 20px var(--color-a-dk);
}
button:active {
transform: translateY(-1px);
box-shadow: 0 1rem 1rem var(--color-dark);
}
button::after {
content: "";
display: inline-block;
height: 100%;
width: 100%;
border-radius: 1.75rem;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.4s;
}
button::after {
background-color: var(--color-bright);
}
button:hover::after {
transform: scaleX(1.4) scaleY(1.6);
opacity: 0;
}
/*animations*/
/* Stars */
@keyframes space {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes space2 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes space3 {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
/* Galaxy Span Text */
@keyframes galaxy {
0%,
50%,
100% {
background-position: 0% 100%;
}
10%,
25%,
75% {
background-position: 100% 0%;
}
}
/* Card Gradient Background */
@keyframes bg-gradient {
0%,
100% {
background-position: 0% 100%;
}
25%,
75% {
background-position: 50% 50%;
}
50% {
background-position: 100% 0%;
}
}
</style>
Reference in a new issue View git blame Copy permalink