html {
	font-size: xx-large;
}

body {
	background-color: wheat;
}

hr {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin: 32px 0;
}

.cool-images ul{
	list-style: none;
}

.cool-images img {
  width: 520px;       
  height: 520px;      
  object-fit: cover;  
  flex-shrink: 0;
  display: block;
}
.cool-images li {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.cool-images li:nth-child(even) {
  flex-direction: row-reverse;
}

/* ======================================== */

body {
	display: grid;
	grid-template-rows: auto auto auto;
	grid-template-columns: 1fr 1250px 1fr; /* colonna fissa: layout identico su ogni schermo */
	grid-template-areas: 
		". about ."
		". personal-links ."
		". cool-images ."
	;
}

#about {
	grid-area: about;
	border-bottom: 5px solid rgba(0, 0, 0, 0.15);
  	padding-bottom: 24px;
  	margin-bottom: 24px;
}

.personal-links {
	grid-area: personal-links;
	border-bottom: 5px solid rgba(0, 0, 0, 0.15);
  	padding-bottom: 24px;
  	margin-bottom: 24px;
}

.cool-images {
	grid-area: cool-images;
	border-bottom: 5px solid rgba(0, 0, 0, 0.15);
  	padding-bottom: 24px;
  	margin-bottom: 24px;
}

/* ======================================== */

.personal-links {
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 33% 1fr;
	grid-template-areas: 
		"refs tri-1 personal-links"
		"tri-2 other-cool-links tri-3"
	;
}

.personal-links section:nth-of-type(1) { grid-area: refs; }
.personal-links section:nth-of-type(2) { grid-area: personal-links; }
.personal-links section:nth-of-type(3) { grid-area: other-cool-links; }

.sierpinski-triangle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.sierpinski-triangle:nth-of-type(1) { 
	grid-area: tri-1;
	transform: rotate(180deg); 
}
.sierpinski-triangle:nth-of-type(2) { grid-area: tri-2; }
.sierpinski-triangle:nth-of-type(3) { grid-area: tri-3; }

.sierpinski-triangle svg {
    width: 100%;
    max-width: 220px;
    height: auto;
    fill: rgba(0, 0, 0, 0.75); /* Si abbina allo sfondo wheat */
}