@charset 'utf-8';

body {
	/* background-image: url('../Images/PXL_20230601_232157163.jpg'); */
	/* background-image: url('../Images/PXL_20240515_160901888.jpg'); */
	background: url('assets/brand/assets_calvin/PXL_20230601_232157163.jpg') center/cover fixed no-repeat;
  	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

h2 {
	padding-bottom: 10%;
	text-decoration: underline;
}

html {
	scroll-behavior: smooth;
}

section {
	scroll-margin-top: 20px;
	background: transparent;
	min-height: clamp(105vh, 115vh, 125vh); /* adjusts based on screen */
  	padding-block: clamp(3rem, 5vw, 6rem);  /* vertical spacing scales */
}

/* offset for fixed navbar */
.logo {
	width: 40px;
	height: 40px;
}

/* Add optional overlay to dim everything slightly */
body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.45);
	/* adjust opacity */
	z-index: -1;
	/* stays behind content */
}

/* Blue contrast color of name on landing */
.mainName {
	color: rgb(96, 146, 255);
}