@import '../../../dist/marquee/index.css';

body{
	background-color: #ccc;
	margin: 0;
	padding: 0;
}
.section{
	width: 100%;
}
.container{
	width: 100%;
	margin: 0 auto;
	max-width: 1440px;
	padding: 0 2rem;
}
.marquee-parent{
	width: 100%;
}
.card-wrapper{
	padding-right: 1rem;
}
.card-wrapper:nth-child(5n -1) .card{
	background-color: red;
}
.card-wrapper:nth-child(5n - 2) .card{
	background-color: yellow;
}
.card-wrapper:nth-child(5n - 3) .card{
	background-color: green;
}
.card-wrapper:nth-child(5n - 4) .card{
	background-color: purple;
}
.card{
	width: 300px;
	height: 300px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 1280px) {
	.card{
		width: 100px;
		height: 100px;
	}
}