Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
1.2 kB · 47 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748.wrapper { padding: 16px; margin-bottom: 6rem; background: hsl(234deg 70% 85% / 0.9); backdrop-filter: blur(4px); border-bottom: 8px dashed hsl(234deg 54% 53%); outline: 4px solid hsl(234deg 70% 85% / 0.9); /* prettier-ignore */ box-shadow: 0px 2px 4px hsl(234deg 40% 30% / 0.2), 0px 4px 8px hsl(234deg 40% 30% / 0.2), 0px 8px 16px hsl(234deg 40% 30% / 0.2), 0px 16px 32px hsl(234deg 40% 30% / 0.2);}
.innerWrapper { display: flex; justify-content: space-between; align-items: center;}
.innerWrapper a { font-size: 1.5rem; color: inherit; text-decoration: none; font-weight: bold;}
.innerWrapper button { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border: 3px solid hsl(0deg 0% 85%); border-top-color: hsl(0deg 0% 100%); border-bottom-color: hsl(0deg 0% 70%); background: hsl(0deg 0% 93%);}
.innerWrapper button:active { border-top-color: hsl(0deg 0% 60%); border-left-color: hsl(0deg 0% 75%); border-right-color: hsl(0deg 0% 75%); border-bottom-color: hsl(0deg 0% 92%); background: hsl(0deg 0% 85%);}