#app{max-width:600px;margin:0 auto;padding:2rem;gap:1.5em;display:flex;flex-direction:column}.container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100dvh;gap:3em}.container-title{display:flex;justify-content:center;flex-direction:column;align-items:center}.grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));grid-template-rows:repeat(6,minmax(100px,1fr));grid-gap:2em;grid-template-areas:"telegram   telegram    spotify     spotify" "telegram   telegram    github      github" "shitpost   shitpost    github      github" "vk         soundcloud  music       music" "lastfm     photos      photos      photos" "sources    sources     pinterested back"}.item{position:relative;color:#fff;border-radius:24px;display:flex;justify-content:center;align-items:center;overflow:hidden}.item-telegram{grid-area:telegram}.item-github{grid-area:github}.item-vk{grid-area:vk}.item-shitpost{grid-area:shitpost}.item-spotify{grid-area:spotify}.item-soundcloud{grid-area:soundcloud}.item-lastfm{grid-area:lastfm}.item-photos{grid-area:photos}.item-music{grid-area:music}.item-sources{grid-area:sources}.item-back{grid-area:back}.item:hover .item-image{filter:blur(4px);transform:scale(1.05)}.item-image{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;background-size:cover;background-position:center;background-color:#0009;opacity:.4;z-index:1;transition:filter .2s ease-in-out,transform .2s ease-in-out;transition-delay:.1s}.item-icon{position:absolute;top:10px;left:10px;z-index:2}.item-icon svg,.item-icon-centered svg{width:2rem;height:2rem}.item-icon-centered{position:flex;justify-content:center;align-items:center;z-index:2}.item-text{position:absolute;bottom:10px;right:12px;z-index:2;display:flex;flex-direction:column;text-align:right}.item-text-description{font-size:.7rem;color:#fff9}.item-icon,.item-text{transition:transform .3s ease;transition-delay:.1s}.item:hover .item-icon{transform:translate(20%,20%) scale(1.2)}.item:hover .item-text{transform:translate(-20%,-20%) scale(1.2)}.text-small{font-size:.8em}#noise{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:.5;display:none}@media (max-width: 640px){#app{padding:1rem}.container{gap:1em}.grid{grid-template-columns:repeat(4,minmax(60px,1fr));grid-template-rows:repeat(6,minmax(60px,1fr));grid-gap:1em}.item-text-description{display:none}.item,.item-image{border-radius:16px}.item-icon svg,.item-icon-centered svg{width:1.5rem;height:1.5rem}}@font-face{font-family:Cascadia Code;src:url(https://starkow.dev/CascadiaCode.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:Cascadia Code;src:url(https://starkow.dev/CascadiaCodeItalic.woff2) format("woff2");font-style:italic;font-display:swap}:root{font-family:Cascadia Code,Courier New,Courier,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#161616;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}svg{display:block}*{margin:0}body{display:flex;justify-content:flex-start;min-width:320px;min-height:100vh}