.main{
	display: grid;
	grid-template-rows: min-content;
}
.ihatecss{
	display: flex;
}

span.content:nth-of-type(6n+1){
border-color:#369d81;
}
span.content:nth-of-type(6n+2){
border-color:#ff9b6e;
}
span.content:nth-of-type(6n+3){
border-color:#ffb0d1;
}
span.content:nth-of-type(6n+4){
border-color:#dd3e3e;
}
span.content:nth-of-type(6n+5){
border-color:#498ccf;
}
span.content:nth-of-type(6n){
border-color:#ffd56a;
}

span.content{
	height: fit-content;
	margin: 1%;
	padding: 1%;
	border: 0.5vw solid;
	border-radius: 2%;
}

span.content > p{
}