/*=============== BASE ===============*/
*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

html{
	scroll-behavior: smooth;
}

body,
input,
button{
	font-family: var(--body-font);
	font-size: var(--normal-font-size);
}

body{
	background-color: var(--body-color);
	color: var(--text-color);
	transition: background-color .4s;
}

input,
button{
	border: none;
	outline: none;
}

h1,h2,h3,h4{
	color: var(--title-color);
	font-family: var(--second-font);
	font-weight: var(--font-medium);
}

ul{
	list-style: none;
}

a{
	text-decoration: none;
}

img{
	display: block;
	max-width: 100%;
	height: auto;
}