h1 {font-size: 64px;
font:  "Palatino Linotype";
	font-style: 
}


.albums {padding: 0px 0px 0px 0px;}

ul {display: flex;
list-style: none;
	align: center;
	justify-content: center;
	margin-top: 50px;

	
	
}

a {
    color: dimgrey;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #3161A0;
}



.albums p {margin-left: 0px; margin top: 0px; margin-right: 0px; margin-bottom: 0px;}
.styled-links a{	color: dimgrey;
	text-decoration: none;
	transition: color 0.3s ease;}

.styled-links a:hover {
  color: #1C168E; /* Change link color on hover */
	
	

}
a {
  color: black;      /* Set default link color to black */
  text-decoration: none; /* Remove underline */
	hover: blue;
}

li {margin-right: 25px}
header {text-align: center;
}


body {
	text-align: center;
	align-content: center;
	
	
}
img {padding-top: px;
	align-content: center;
	

}
h2 {color: dimgray;
	font:  "Palatino Linotype";
	

	
}
	h4 {
		margin-bottom: 
	}
p {margin-left: 275px;
margin-right: 275px;
	margin-top: 0px;
font-size: 18px;
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif" }

.collapsible-content {
    display: none; /* Hidden by default */
    transition: max-height 0.3s ease; /* Optional: Smooth expand/collapse */
    overflow: hidden; /* Prevents overflow when collapsing */
}

.collapsible-content.active {
    display: block; /* Display when active */
}

.collapsible-header:hover {
    color: cadetblue; /* Example: Orange color */
    text-decoration: none; /* Optional underline */
}





footer {text-align: center;

}