@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,400;8..144,800&family=Roboto+Mono:wght@300;400;600;700&display=swap";:root{--accent: 171, 177, 207;--accent-darker: 93, 100, 133;--accent-gradient: linear-gradient(45deg, #c5b9cd, #abb1cf 50%, #dec2cb 100%);--light-pink: #f7cac9;--purple-pink: #dec2cb;--light-purple: #c5b9cd;--purple-blue: #abb1cf;--blue: #92a8d1}html{font-family:Roboto Mono,monospace;background-color:var(--light-pink);text-align:center}ul{padding-inline-start:0}body{margin-bottom:10rem}.link-card-grid{display:flex;gap:3rem;padding:0;margin-top:4rem;flex-direction:column;align-items:center}.link-as-button{text-decoration:none;color:#000;padding:1em 2em;background-color:var(--purple-blue);border-radius:30px;border:2px solid var(--blue);box-shadow:2.8px 2.8px 2.2px #00000005,6.7px 6.7px 5.3px #00000008,12.5px 12.5px 10px #0000000a,22.3px 22.3px 17.9px #0000000a,41.8px 41.8px 33.4px #0000000d,100px 100px 80px #00000012;width:100%}.buttons{display:flex;gap:1rem;margin-top:2em;justify-content:space-around}.pages{font-weight:700}.title{margin-bottom:2rem}.link-as-button:is(:hover,:focus-within){box-shadow:2.9px 1.4px 7.7px #0000000b,8.1px 3.9px 21.4px #00000016,19.6px 9.3px 51.6px #0000001f,65px 31px 171px #00000024}.link-card:where(.astro-DOHJNAO5){display:flex;text-align:center;background-color:#dec2cb;background-image:none;background-size:400%;border-radius:.6rem;background-position:100%;transition:background-position .6s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;height:10rem}.link-card:where(.astro-DOHJNAO5)>a:where(.astro-DOHJNAO5){width:100%;text-decoration:none;line-height:1.4;padding:1rem 1.3rem;border-radius:.35rem;color:#000;background-color:#dec2cb;opacity:.8}h2:where(.astro-DOHJNAO5){margin:0;font-size:1.25rem;transition:color .6s cubic-bezier(.22,1,.36,1)}p:where(.astro-DOHJNAO5){margin-top:.5rem;margin-bottom:0;color:#444}.link-card:where(.astro-DOHJNAO5):is(:hover,:focus-within){background-position:0;background-image:var(--accent-gradient);box-shadow:0 0 1.6px #00000004,0 0 4.5px #00000007,0 0 10.9px #0000000f,0 0 36px #00000024}.link-card:where(.astro-DOHJNAO5):is(:hover,:focus-within) h2:where(.astro-DOHJNAO5){color:rgb(var(--accent-darker))}.container:where(.astro-DOHJNAO5){width:100%}@media only screen and (min-width: 762px){.container:where(.astro-DOHJNAO5){width:65%}}