:root{
	--accent-color: #8cf504;
}

/* reset */
*, *::before, *::after{
	box-sizing: border-box;
}

*{
	margin: 0;
	padding: 0;
}

ul[role='list'], ol[role='list']{
	list-style: none;
}

html:focus-within{
	scroll-behavior: smooth;
}

a{
	color: var(--accent-color);
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a:not([class]){
	text-decoration-skip-ink: auto;
}

img, picture, svg, video, canvas{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
}

input, button, textarea, select{
	font: inherit;
}


body, html{
	height: 100%;
	scroll-behavior: smooth;
}

/* styles */
.main-wrapper{
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
}

.main{
	padding: 30px 0;
}