.sp-hero { background-image: linear-gradient(to bottom, rgba(28, 28, 34, 0.3) 0%, rgba(28, 28, 34, 1) 100%), url('../img/news.jpg'); } .sp-container { max-width: 850px; margin: 0 auto; padding: 60px 20px 0 20px; } .news-feed { display: flex; flex-direction: column; gap: 40px; } .news-card { background-color: var(--splat-panel-bg); background-image: radial-gradient(rgba(0,0,0,0.15) 15%, transparent 16%); background-size: 6px 6px; padding: 35px; position: relative; transform: rotate(-0.5deg); } .news-feed article:nth-child(even) { transform: rotate(0.5deg); } .news-tag { position: absolute; top: -22px; left: 25px; background: var(--splat-pink); color: #000; padding: 4px 20px; font-size: 0.95rem; transform: rotate(-4deg); } .welcome-border .news-tag { background: var(--splat-green); } .purple-border .news-tag { background: var(--splat-purple); } .news-card h2 { font-size: 2rem; margin-top: 15px; margin-bottom: 8px; color: #fff; } .news-uploader { display: block; font-size: 0.9rem; color: #a0a0a5; margin-bottom: 20px; } .news-banner-frame { width: 100%; margin-bottom: 20px; overflow: hidden; } .news-banner-img { width: 100%; height: auto; display: block; } .news-card p { font-size: 1.05rem; line-height: 1.6; color: #fff; text-transform: none; letter-spacing: 0px; } @media (max-width: 768px) { .news-card { transform: none !important; padding: 24px; } .news-feed article:nth-child(even) { transform: none !important; } }