/* -- Misc -- */
body {
	min-height: 100dvh;
	overflow-x: hidden;
}

p a,
[data-anchor="link"] {
	border-bottom: 1px solid #efefef;
	padding-bottom: 0.2rem;
	transition: all 0.3s ease;
	position: relative;

	&:hover {
		border-bottom-color: #3e3e3e;
	}

	&::before {
		content: "";
		position: absolute;
		width: 0;
		height: 1px;
		background-color: #3e3e3e;
		/*Change color*/
		bottom: -1px;
		left: 0;
		transition: width 0.3s;
	}

	&:hover::before {
		width: 100%;
	}
}

/* -- Focus Change -- */
:focus {
	outline: none;
}

:focus-visible {
	outline: 1px dashed #efefef;
}