body,h1,p {margin:0;padding:0;}

a{
	color:#900;
	text-decoration:none;
	transition: 0.5s ease;
    
	&:hover{
		opacity: 0.5;
	}
}

.wrapper {width:1000px;
	margin:0 auto 3rem;
	border: 1px solid #336;
}

header{
	margin-bottom: 1em;

	h1{
		font-size:1.5em;
		text-align:center;
		background-color: #b23159;
		line-height: 3em;
		color: #fff;
	}
}

.box{
  padding: 1rem;
	

	ul{
	font-size: 1.2em;
  line-height: 2.5em;
	list-style: none;
	margin: 0;
	display: flex;
  align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
  gap: 2rem;
	}

	ul li{
		width: calc((100% - 4rem) / 3);
	}

	ul li img{
		width: 100%;
	}
}