body {
	background-color: ghostwhite;
	font-family: "Cousine", monospace;
	cursor: url(star.png),auto;
}

/* Disposició header*/

div.header {
	display: flex;
	justify-content: space-around;
	border-bottom: 3px solid deeppink;
	padding-bottom: 20px;
	margin-left: 40px;
	margin-right: 40px;
}

/* estils de titols i paràgrafs*/

h1{
	text-align: left;
	color: deeppink;
	margin-right: 40px;
	margin-left: 40px;
}

h2{
	text-align: left;
	text-decoration: underline;
	color: deeppink;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 10px;
}

h2.h22{
	
	text-align: left;
	text-decoration: underline;
	color: ghostwhite;
	margin-left: 0px;
	margin-bottom: 10px;
}


h3{
	text-align: left;
	background-color: deeppink;
	background-attachment: 1px;
	color: ghostwhite;
	margin-left: 90px;
	margin-right: 90px;
	margin-top: 40px;
	margin-bottom: 5px;

}

p{
	text-align: left;
	background-color: deeppink;
	background-attachment: 1px;
	color: ghostwhite;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: fit-content;
}

p.p2 {
	background-color: ghostwhite;
	text-align: left;
	color: deeppink;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 2px;
}

p.p3 {
	text-align: left;
	background-color: ghostwhite;
	background-attachment: 1px;
	color: deeppink;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: fit-content;
}

li {
	text-align: left;
	color: deeppink;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 3px solid deeppink;
	margin-left: 20px;
	margin-right: 40px;
	list-style: '➤ ';
	list-style: '→ ';

}

/*foto CV + efectes*/

div.fotoaina img{
	border-radius:50%;
	width:300px;
	height: 300px;
	margin-left: 0px;
	display: block;
	margin: auto;	
}

div.fotoaina :hover {

	animation-name: rotate;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(90deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*repetició de l'astrsik */

div.asterisk {
	background-image: url(../asterisk.png);
	background-repeat: repeat-x;
	background-size: 20px 20px;
	height:40px;
	margin:40px;

}



/*grid del CV*/

div.info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 35px;
}

/*taula del CV*/

table {
	color:deeppink;
	border-color: deeppink;
	margin-left: 40px;
	margin-bottom: 40px;
	margin-top: 20px;
}

/*ns*/

div.software {
	align: center;
	justify-content: space-around;
}



/*grid Portfoli*/

div.portfoli {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

div.item {
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
	gap: 0px;
	padding: 30px;
	padding-bottom: 40px;
	border: 3px solid deeppink;
	background-color: deeppink;
	background-image: radial-gradient(deeppink,ghostwhite);
	
}

/*imatges Portfoli*/

div.portfoli img{
	width: 100%;
	margin-bottom: 20px;
	border: 3px solid deeppink;
	filter: blur(2px);
	filter: brightness(2.0);
	
}

div.item img:hover {
	
	filter: blur(0px);
	filter: brightness(1);
	
}


/*Controls responsive pel CV*/

@media screen and (min-width:320px) {
	div.info {
		background-color: ghostwhite;
		display: grid;
		grid-template-columns: 1fr;
		flex-direction: row;
	}
}


@media screen and (min-width:1024px) {
	div.info {
		grid-template-columns: 1fr 1fr;
		background-color: ghostwhite;
		flex-direction: row;
	}
}

/* Controls responsive pel portfoli*/

	@media screen and (min-width:320px) {
		div.portfoli {
		grid-template-columns: 1fr;
		align-items: center;
		}
	}

	@media screen and (min-width:1024px) {
		div.portfoli {
		grid-template-columns: 1fr 1fr;
		align-items: center;
		}
	}