@import url("https://fonts.googleapis.com/css2?family=Lato:wght@200;300;400;500;600;700");

body {
	background: linear-gradient(
			270deg,
			rgba(54, 184, 255, 0.6) 0%,
			rgba(0, 0, 0, 0) 100%
		),
		linear-gradient(
			90deg,
			rgba(90, 221, 136, 0.5) 0%,
			rgba(0, 0, 0, 0) 100%
		),
		linear-gradient(0deg, rgba(255, 192, 2, 0.5) 0%, rgba(0, 0, 0, 0) 100%),
		linear-gradient(180deg, #ee334e 0%, rgba(238, 51, 78, 0) 100%), #000;

	font-family: "Lato", system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
		"Helvetica Neue", sans-serif;

	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: calc(100vh - 16px);

	padding: 0 min(2%, 80px);
}

.main > img,
.main > a > img {
	width: 100px;
}

.main > h1 {
	/* font-size: 2.5rem; */
	color: #fff;
	font-weight: 800;
	margin-top: 4px;
}

.main > p {
	color: #fff !important;
}

.main > p > a {
	color: #fff;
	text-decoration: underline;
}

h1,
h2,
p,
li,
a {
	color: #fff;
}

li {
	color: #fff;
	margin-top: 10px;
}

@media only screen and (min-width: 800px) {
	body {
		padding: 0 5%;
	}
}