@font-face{font-family:quicksand;src:url("../fonts/quicksand.ttf")}*{padding:0;margin:0;box-sizing:border-box}:root{--layout-gap: 1.3em;--color-text-primary: rgb(224, 224, 224);--color-accent-primary: rgba(255, 255, 255, 0.5);--color-accent-secondary: rgba(255, 255, 255, 0.2);--motion-duration-base: 0.2s;--motion-easing-standard: ease-in-out}:focus-visible{outline:2px solid var(--color-text-primary)}html{background:#000}body{display:flex;justify-content:center;min-height:100vh;background:linear-gradient(rgb(125, 24, 47), rgb(16, 2, 6));font-family:quicksand,arial,sans-serif;font-size:clamp(14px,1.5vw,22px)}body main{position:relative;display:flex;align-self:flex-start;flex-direction:column;container-type:inline-size;width:94vw;max-width:1130px;min-height:24em;margin-top:var(--layout-gap)}body main musik-app{--musik-layout-grid-template-columns: 18.18em 1fr;--musik-layout-column-gap: var(--layout-gap);--musik-layout-row-gap: var(--layout-gap);--musik-space-200: 0.7em;--musik-color-text-primary: var(--color-text-primary);--musik-color-text-secondary: rgb(224, 224, 224);--musik-color-text-tertiary: rgba(224, 224, 224, 0.8);--musik-color-accent-primary: var(--color-accent-primary);--musik-color-accent-secondary: var(--color-accent-secondary);--musik-color-accent-tertiary: rgba(0, 0, 0, 0.3);--musik-font-weight-secondary: 500;--musik-motion-duration-base: var(--motion-duration-base);--musik-motion-easing-standard: var(--motion-easing-standard);--musik-radius-base: 0.5em}body main .sns{position:absolute;bottom:0;right:0;display:flex;column-gap:.8em;margin-top:auto}@container (max-width: 45em){body main .sns{position:static;justify-content:center;padding-top:1em}}body main .sns a{display:flex;text-decoration:none}body main .sns a svg{width:2.5em;fill:var(--color-accent-secondary);transition:fill var(--motion-duration-base) var(--motion-easing-standard)}body main .sns a svg:hover{fill:var(--color-accent-primary)}