/*
 * Global CSS
 *
 * Use this file only for styles that need to be applied globally
 * across the website. For feature-specific styles, use the
 * appropriate CSS file inside the assets/css directory.
 *
 * Reuse an existing feature-specific stylesheet where possible,
 * or create a new stylesheet if one does not already exist.
 */


 
:root {
	/* background color  */
	--signature-green: #144430;

	/* font color  */
	--signature-title: #2c654e;
	
	/* spacing  */
	--side-global-padding: 6rem;
}


/* =========================================
   Global main content layout (Use "global-main" class for base layout )
   ========================================= */

.global-main{
	width:100%;
	max-width: 1500px;
	margin-inline: auto;
	padding: clamp(1.5rem, 6vw, 6rem);
	box-sizing: border-box;
}

/* Mobile */
@media (max-width: 480px) {
	.global-main {
		padding: 1rem;
	}
}