@font-face {
	font-family: 'Beausite Classic';
	src: url('Beausite-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

body{ 
	padding: 24px;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 

body *{ 
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	font-family: 'Beausite Classic', sans-serif;
} 

.sticky {
	position: fixed;
	top: 24px;
	left: 0;
	right: 0;
	padding: 0 24px;
	box-sizing: border-box;
}

header a{ 
	font-family: 'Beausite Classic';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	color: initial;
	padding: 11px 16px 8px 16px;
}

header a:first-of-type:hover{ 
	background: #00FF80
}

.header-container {
	height: 48px;
	background: #A4A4FF;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

nav{ 
	display: flex;
    height: 100%;
}

.michelle{ 
	display:flex;
	height: 100%;
	flex-grow: 1;
	align-items:center;
}

.michelle h1, .michelle a{ 
	height: 100%;
	width: 100%;
	display:flex;
	align-items:center;
}


.active{ 
	border-left: 4px solid #00FF80 !important;
}


.michelle:hover{ 
	background: #00FF80;
	border-left: 4px solid #00FF80;
}

.michelle:not(.active){ 
	border-left: 4px solid #A4A4FF;
}

.michelle:not(.active):hover{ 
	border-left: 4px solid #00FF80;
}

.nav-button:not(.active){ 
	border-left: 4px solid #A4A4FF;
}

.nav-button:hover {
	background:#00FF80;
}

h1{ 
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	padding-left: 16px;
} 

h1 a{
	padding: 0px;
}

h2{ 
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 38px;
} 

a{ 
	color: #A4A4FF;
	text-decoration:none;
	font-family: 'Beausite Classic';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
    line-height: 29px;
} 

p, ul li{ 	
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
} 

button{ 
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px;
	height: 46px;
	background: #A4A4FF;
	border: none;
	border-width: 0px;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
}

.aboutBtn button:hover{ 
	background: #00FF80;
}

.about{ 
	margin-top: 64px;
	display:flex;
	justify-content:  space-between;
}

.about img{ 
	width: 348px;
	height: 464px;
}



.about h2{ 
	margin-bottom: 40px;
}

.about p{ 
	max-width: 968px;
	padding-right: 25px;
}

.aboutBtn{
	margin-top: 64px;
	display:flex;
	gap: 16px;
}

.aboutBtn a{
	color: black;
}

.services{ 
	margin-top: 96px;
}

.services h2{ 
	margin-bottom: 40px;
}

.services ul li{ 
	list-style: initial;
	margin-left: 40px;
}

.testimonials{
	margin-top: 96px;
}

.testimonials h2{ 
	margin-bottom: 40px;
}

.testimonialsGrid{ 
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 52px;
}

.contact{ 
	margin-top: 96px;
}

.contact h2{ 
	margin-bottom: 40px;
}

.testimonials a:hover, .contact a:hover{
	color:#00FF80;
}

footer{ 
	margin-top:  96px;
}



.collaborations{
	margin-top: 64px;
}

.collaborations h2{ 
	margin-bottom: 40px;
}

.collab{ 
	display:flex;
	gap: 60px;
	margin-bottom: 40px;
}

.year{ 
	width:300px;
}

.projects{
	margin-top: 96px;
}

.projects h2{ 
	margin-bottom: 40px;
}

.projectsBtn{ 
	display:flex;
	gap: 19px;
	margin-top:16px;
}

.projectsBtn button{ 
	border: 2px solid #A4A4FF;
	background: #FFFFFF;
	color:  #A4A4FF;
}


.speaking{
	margin-top: 96px;
}

.speaking h2{ 
	margin-bottom: 40px;
}

footer p{
	font-size: 20px;
}