:root {
	/* Brand gradient */
	--SPZ-grad: linear-gradient(93deg, #00a3ff 9.68%, #ff4668 36.77%, #ff4668 97.48%, #c446ff 110.02%);
	--SPZ-play-btn-grad: linear-gradient(45deg, #003cff 50%, #08f 50%);

	/* Colors */
	--color-bg-header: #050729;
	--color-text: #ffffff;
	--color-post-category-bg: rgba(18, 16, 115, 0.8);
	--color-post-category-border: #2824ff;
	--color-post-date: #488bff;
	--color-post-image-border: #3d61a6;

	/* Popular categories */
	--color-pop-cat-card-bg: #07046b;
	--color-pop-cat-label-accent: #ff4668;
	/* Header */
	--header-height: 4rem;
	--header-padding-x: 1.5rem;
	--header-logo-height: 2.25rem;
	--header-nav-gap: 2.75rem;
	--signup-button-width: 8.5625rem;
	--signup-button-height: 3.375rem;

	/* Side menu */
	--color-bg-side-menu: #050729;
	--side-menu-width: min(85vw, 20rem);
	--side-menu-overlay: rgba(0, 0, 0, 0.65);

	/* Typography */
	--font-family: 'Chakra Petch', sans-serif;
}

h1 {
	background: var(--SPZ-grad);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
h1{
	font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1px;
    text-transform: uppercase;
    width: fit-content;
	margin: 20px auto 45px auto;
}