/*HEADER*/

div.header {
  color: white;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 700;
  font-style: normal;
  display: flex;
  gap: 20px;
  justify-content: space-evenly;
}

div.header a {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease;
}

div.header a:hover {
  color: orange;
}

body{
	font-style: verdana;
	background-color: #070824;
	color: white;
	font-family: montserrat;

}

/*GENERAL*/

p{
	font-family: helvetica;
}

h1{
	color:white;
	font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
  font-style: normal;
}

h2{ 
	font-size: 200%;
	font-family: "Bebas Neue", sans-serif;
    font-weight: 700;
  font-style: normal;
}

h3{
	font-size: 120%;
	font-family: "Bebas Neue", sans-serif;
    font-weight: 700;
  font-style: normal;
}

img{
	width: 200px;
	margin: auto;
	display: block;
}

img:hover {
	transform:scale(105%);
	transition: 0.2s;
}

/*CURRICULUM*/

div.titolcurriculum h1 {
	text-align: center;
	font-size: 500%;
	font-family: "Bebas Neue", sans-serif;
    font-weight: 700;
  font-style: black;
  text-transform: uppercase;
  background-image: url(https://content.arquitecturaydiseno.es/medio/2023/07/17/amarillo-rojo-y-azul-de-vasili-kandinski-1925_b858c12b_230717122212_2000x1286.jpg);
  background-size: cover;
  background-position: center;
  color: transparent;
  background-clip: text;


	
}

div.contacte {
	        padding: 10px;
			border: #B0CE88 ;
			border-radius: 20px;
			box-shadow: 10px 10px 10px black;
			background-color:rgba(55, 57, 110, 0.2);

}

div.experiencia {
	        padding: 10px;
			border: #B0CE88 ;
			border-radius: 20px;
			box-shadow: 10px 10px 10px black;
			grid-template-columns: 1fr 1fr;
			background-color:rgba(55, 57, 110, 0.2);

}

div.habilitats {
	        padding: 10px;
			border: #B0CE88 ;
			border-radius: 20px;
			box-shadow: 10px 10px 10px black;
			background-color:rgba(55, 57, 110, 0.2);


}

div.sobremi {
	        padding: 10px;
			border: #B0CE88 ;
			border-radius: 20px;
			box-shadow: 10px 10px 10px black;
			background-color:rgba(55, 57, 110, 0.2);

}

div.footer {
	font-family: helvetica;
	background-color: #070824;
	color:white ;
	padding: 10px;
}

div.footer a {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease;
  display: flex;

}

div.footer a:hover {
  color: orange;
}

/*PORFOLI*/

div.portfoli img {
	width: 300px;
	height: 500px;
	object-fit: cover;
	border-radius: 10px;
}
	

div.titolportfoli h1 {
	text-align: center;
	font-size: 700%;
	font-family: "Bebas Neue", sans-serif;
    font-weight: 500;
  font-style: normal;
    text-transform: uppercase;
  background-image: url(https://content.arquitecturaydiseno.es/medio/2023/07/17/amarillo-rojo-y-azul-de-vasili-kandinski-1925_b858c12b_230717122212_2000x1286.jpg);
  background-size: cover;
  background-position: center;
  color: transparent;
  background-clip: text;

	
}

div.portfoli h2 {
	font-size: 200%;
	font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
  font-style: normal;

}


div.portfoli img {
	width: 100%;
}

div.habilitats li{
	font-family: helvetica;
	padding-left: 10px;
}


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

div.portfoli p { 
	font-family: "Vujahday Script", cursive;
  font-weight: 400;
  margin: auto;
  font-style: normal;
  
}


 
@media screen and (min-width: 768px){
	div.intro {
		background-color: black;
		flex-direction: row;
	}

	 div.portfoli {
	   grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media screen and (min-width: 768px){
	div.titolcurriculum{
		text-align: center;
	  font-size: 200%;
	  font-family: "Bebas Neue", sans-serif;
    font-weight: 700;
    font-style: black;
    text-transform: uppercase;
    background-image: url(https://content.arquitecturaydiseno.es/medio/2023/07/17/amarillo-rojo-y-azul-de-vasili-kandinski-1925_b858c12b_230717122212_2000x1286.jpg);
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;

	}
}

@media screen and (min-width: 768px){
	div.titolportfoli{
		text-align: center;
	  font-size: 200%;
	  font-family: "Bebas Neue", sans-serif;
    font-weight: 700;
    font-style: black;
    text-transform: uppercase;
    background-image: url(https://content.arquitecturaydiseno.es/medio/2023/07/17/amarillo-rojo-y-azul-de-vasili-kandinski-1925_b858c12b_230717122212_2000x1286.jpg);
    background-size: cover;
    background-position: center;
    color: transparent;
    background-clip: text;

	}
}