.hover-underline {
	position:relative;
	display:inline-block
}
.hover-underline::after {
	content:"";
	position:absolute;
	bottom:-1px;
	left:0;
	width:0;
	height:3px;
	background-color:#fff;
	transition:width .3s ease-in-out
}
.hover-underline:hover::after {
	width:100%
}
.hover-underline-link {
	color:#fff;
	font-weight:500;
	font-size:18px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	margin-right:20px
}
.hover-underline-link::after {
	content:"";
	position:absolute;
	bottom:-1px;
	left:0;
	width:0;
	height:3px;
	background-color:#fff;
	transition:width .3s ease-in-out
}
.hover-underline-link:hover::after {
	width:100%
}
.hover-underline-link-black {
	color:#000;
	font-weight:500;
	font-size:18px;
	text-decoration:none;
	position:relative;
	display:inline-block;
}
.hover-underline-link-black::after {
	content:'';
	position:absolute;
	bottom:3px;
	left:0;
	width:100%;
	height:3px;
	background-color:#000;
	transform:scaleX(0);
	transform-origin:bottom left;
	transition:transform .3s ease-in-out
}
.hover-underline-link-black:hover::after {
	transform:scaleX(1);
	transform-origin:bottom left
}
.thin-line {
	height:1px;
	background-color:#ccc;
	margin:10px auto;
	width:80%
}
.slide-in-text,.slide-in-text-small{
	color:#fff;
	text-shadow:2px 2px 4px rgba(0,0,0,.6);
	opacity:0
}
.slide-in-text {
	font-size:clamp(40px,8vw,80px);
	animation:hero-text-slide-in 2s forwards;
	margin-top:4px
}
.slide-in-text-small {
	font-size:clamp(28px,6vw,56px);
	animation:hero-text-slide-in 1.5s forwards
}
.circular-image {
	border-radius:50%;
	width:400px;
	height:400px;
	object-fit:cover;
	margin-left:100px;
	margin-right:100px
}
.scroll-box::-webkit-scrollbar {
	width:6px;
	height:auto
}
.scroll-box::-webkit-scrollbar-thumb {
	background:#ccc;
	border-radius:6px
}
.scroll-box::-webkit-scrollbar-thumb:hover {
	background:#aaa
}
.grey-spacer{
	height:70px;
	background:#313338;
}