body {
	width: 1270px;
	margin: auto;
	background-color: #f0f0f0;
 	font-family: "EB Garamond", serif;
}

.full {
	background-color: #ffffff;
	box-shadow: 5px 5px 20px grey;
	margin-top: 50px;
	margin-bottom: 50px;
	border-radius: 20px;
	padding: 10px 30px 100px 50px;
}

h1 {
	text-align: center;
}

h2, h3, h4 {
	text-align: right;
}

p {
	font-size: 25px;
}


.gran {
	width: 297px;
	height: auto;
}

img {
	width: 500px;
	padding: 12px;
	height: auto;
}

.img{
	display: flex;
	flex-wrap: nowwrap;
	overflow-x: auto;
	justify-content: center;
}

@keyframes canvicolor{ /* he buscat els apunts de quan ho vaig fer batxillerat, també vaig fer javascript, però no he volgut posar res */
	0% {
    	color: red;      
  	}
	25% {
		color: blue;    
	}
	50% {
		color: green;    
	}
	75% {
		color: purple;   
	}
	100% {
		color: red;      
	}
}

ul {
   text-align: center;
}

li {
   display: inline-block;
   padding: 10px 30px;
   margin-left: 10px;
   background-color: #f0f0f0;
   color: white;
   border-radius: 20px;
   width: 20%;
   animation-name: canvicolor;
   animation-duration: 3s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   transition: 0.5s;
}

a{
	text-decoration: none;
	animation-name: canvicolor;
   animation-duration: 3s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
}

li:hover {
   background-color: #DE7C68;
}