body {
	font-family: Arial, sans-serif;
	width: 98%;
	margin: 1%;
}

header {
	margin: auto;
	width: 190px;
}

main {}

.page {
	margin: auto;
	width: 760px;
	margin-top: 57px;
}

.logo {}

.logo_svg {}

.links {
	float: left;
	margin-top: 66px;
}

.link_logo {
	float: left;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 49px;
}

.link_logo_svg {}

.link {
	text-align: center;
	margin-top: 0px;
	font-size: 25px;
	font-weight: bold;
}

.android{color: #34A853}
.apple{color: #999999}
.cars{color: #6F5626}
.crypto{color: #F7931A}
.digital{color: #1235C2}
.estate{color: #C89951}
.fashion{color: #FD50C6}
.food{color: #303C78}
.instagram{color: #FE450A}
.lego{color: #E3000B}
.shopping{color: #71D123}
.startups{color: #35E3EF}
.stocks{color: #8841F4}
.web{color: #A1DC00}

@media screen and (max-width: 800px) {
	header {}

	main {
		margin: auto;
		width: 110px;
		/* padding-bottom: 80px; */
	}

	.links {
		margin: 48px auto;
		width: 130px;
		padding-bottom: 15px;
	}

	.page {
		max-width: fit-content;
		margin-inline: auto;
	}

	.link_logo {
		float: left;
		width: 83%;
		margin: 14% auto;
	}

}

@media screen and (max-width: 448px) {
	header {}

	main {
		margin: auto;
		width: 110px;
		/* padding-bottom: 80px; */
	}

	.links {
		margin: 48px auto;
		width: 130px;
		padding-bottom: 15px;
	}

	.page {
		max-width: fit-content;
		margin-inline: auto;
	}

	.link_logo {
		float: left;
		width: 83%;
		margin: 14% auto;
	}

}
.logo:hover,
.link_logo:hover {
	opacity: 0.5;
	transition: opacity 1s;
}

. {}

. {}

. {}

. {}

. {}

. {}

. {}

. {}

. {}

. {}

. {}

. {}

. {}

. {}

. {}