body {
	font-family: Courier New, sans-serif;
}

.title {
	font-weight: normal;
	font-size: 3vw;
	padding-left: 1vw;
	padding-bottom: 5%;
}

a {
    text-decoration: none;
    color: initial;
}

.title:hover {
    color: red;
}

main { 	
    background: #fff;
	padding-left: 1vw;
	padding-right: 1vw;
	margin: 0 auto;
	margin-top: 0vw;
	font-size: 14px;
	text-align: justify;
	text-justify: inter-word;
	columns: 10;
}

.saying-your-names-columns {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: minmax(max-content);
	gap: 1rem;
    text-align: justify;
    text-justify: auto;
    font-size: 80%;
}


.names {
	color: red;
}

@media only screen and (max-width: 1000px) {
	main {
		columns: 3;
	}
  }