/*
	Astral by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body,input,textarea,select
	{
		font-size: 11pt;
		line-height: 1.75em;
	}

			body.portfolio-page
			{
				background:
					linear-gradient(180deg, #162131 0%, #223149 100%);
			}

			.site-shell
			{
				padding: 28px 26px 44px;
				border-radius: 20px;
			}

			.site-header
			{
				flex-direction: column;
				align-items: flex-start;
				margin-bottom: 32px;
			}

			.site-nav
			{
				justify-content: flex-start;
			}

			.hero,
			.card-grid,
			.skills-grid,
			.contact-grid,
			.metrics,
			.compact-grid
			{
				grid-template-columns: 1fr;
			}

			.hero
			{
				gap: 20px;
			}

			.hero-media
			{
				max-width: 220px;
			}

			.cta-group
			{
				flex-direction: column;
			}

			.button.primary,
			.button
			{
				width: 100%;
				text-align: center;
			}

			.card h3
			{
				font-size: 1.15em;
			}