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

html
	{
		scroll-behavior: smooth;
		text-align: center;
	}

img
	{
		object-fit: contain;
    /* Image is zoomed, until width + height are fully filled. Alternative: contain = image gets shrinked, until it fits completely in the widh + height frame*/
	}

div, section, footer, header, main
	{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 100%;
	}


a
{
	display: flex;
	justify-content: center;
	align-items: center;
}


@media
	{
		html
		{
			font-size: 2vw;
		}
	}

@media (max-width: 1400px)
	{
		html
		{
			font-size: 3vw;
		}

	}


@media (max-width: 800px)
	{
		html
		{
			font-size: 6vw;
		}
	}