@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary:var(--lightningcss-light,#026570)var(--lightningcss-dark,#72b8b5);--secondary:var(--lightningcss-light,#031c54)var(--lightningcss-dark,#abe0f6);--primary-bg:var(--lightningcss-light,#72b8b5)var(--lightningcss-dark,#014148);--secondary-bg:var(--lightningcss-light,#abe0f6)var(--lightningcss-dark,#021745);--primary-muted:var(--lightningcss-light,#49999b)var(--lightningcss-dark,#135459);--secondary-muted:var(--lightningcss-light,#9acce6)var(--lightningcss-dark,#142f64);--bw-text:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--bw-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--card-title:#fff;--text-muted:#ffffffa1;--shadow:#00000080 0 0 8px;--shadow-lighter:#00000040 0 0 8px;text-align:center;font-family:Instrument sans,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--secondary-bg);margin:0}header{flex-direction:column;align-content:space-around;gap:3rem;padding:4rem 2rem;display:flex}section{padding:4rem 2rem}.area{background-color:var(--primary-bg);flex-direction:column;gap:20px;padding:32px;display:flex}.part{flex-direction:column;gap:20px;padding:64px 32px;display:flex}h1{color:var(--primary);text-shadow:var(--primary) 0 0 4px;margin:0;font-size:32px;font-weight:700}h2{color:var(--secondary);text-align:start;margin:0;font-size:28px;font-weight:700}p{color:var(--secondary);margin:0;font-size:24px;font-weight:500}figure,ul{margin:0;padding:0}blockquote{color:var(--secondary);quotes:none;z-index:1;margin:0 0 0 32px;font-size:24px;font-weight:600;position:relative}blockquote:before{content:"”";color:var(--primary-muted);z-index:-1;font-size:128px;position:absolute;top:-44px;left:-32px}img{object-fit:cover}.button{background-color:var(--primary);color:var(--bw-bg);box-shadow:var(--primary) 0 0 4px;border-radius:.5em;padding:12px 2rem;font-size:28px;font-weight:650;text-decoration:none;display:inline-block}.button:hover{background-color:var(--bw-text);color:var(--bw-bg);box-shadow:var(--shadow)}.button:active{background-color:var(--bw-bg);color:var(--bw-text);box-shadow:0 0}.card{background-color:var(--primary-muted);box-shadow:var(--shadow-lighter);border-radius:.5em;flex-direction:column;gap:8px;padding:20px;display:flex}.card__cover{position:relative}.card__img{border-radius:1em;width:100%;height:auto;display:block}.card figcaption{text-align:left;align-self:stretch}.card__player{filter:invert()opacity(73%);background-color:#fff;border-radius:50%;width:24px;height:auto;padding:1em;position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -50%}.card__player:active{content:url(/2025-p2a-web-volny-projekt-RomanSedlo/icons/pause-btn.svg)}.card__title{color:var(--card-title);font-size:32px;font-weight:550;line-height:36px}.card__album{color:var(--text-muted);font-size:25px}.special{font-family:Indie Flower;font-weight:300}.h1__special{margin-top:-8px;font-size:20px;display:block}.quote{text-align:left}.author{color:var(--bw-text);text-align:center;font-size:16px;font-style:italic}.author:before{content:"- "}#portfolio{align-items:center}#portfolio h2{text-align:center}#offer ul{text-align:start;color:var(--secondary);font-size:24px;font-weight:600;list-style:inside "✓ "}