.list{
	background-color: var(--grey);

	color: var(--white);

	font-family: 'Gotham';

	font-size: calc(10px + (24 - 10) * ((100vw - 320px) / (1080 - 320)));

	padding: 2.5%;

	width: 80%;

	display: grid;
	grid-template-columns: 1fr;
	gap:  2.5%;

	margin: 0 auto;

	box-sizing: border-box;
}
.list .selected{
	color: var(--green);
}
@media only screen and (orientation: landscape) {
	.list{
		font-size: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
	}
}