12 lines
812 B
CSS
12 lines
812 B
CSS
:root{--primary:#6a0dad;--accent:#b36cf3}
|
|
html,body{height:100%;margin:0;font-family:Inter,system-ui,Arial,Helvetica,sans-serif}
|
|
body{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}
|
|
.bg{position:fixed;inset:0;background-size:cover;background-position:center;filter:blur(10px) saturate(120%);opacity:0.9}
|
|
.app{position:relative;z-index:2;display:flex;align-items:center;gap:24px;padding:48px}
|
|
.artwork{width:320px;height:320px;flex:0 0 320px;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}
|
|
.artwork img{width:100%;height:100%;object-fit:cover}
|
|
.meta{display:flex;flex-direction:column}
|
|
.app-name{font-weight:600;opacity:0.9}
|
|
h1{margin:6px 0 0 0;font-size:28px}
|
|
h2{margin:6px 0 0 0;font-size:18px;opacity:0.9}
|