h1 {
  font-family: 'UnifrakturMaguntia', cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  color: #8B0000;
  text-align: center;
  justify-content: center;  
  align-items: center; 
  display: flex;      
  height: 10vh;            
  margin: 0; 
}

h2 {
    font-family: "Jacquard 12", system-ui;
    color: #8B0000;
    text-align: center;
    font-size: 30px;
  justify-content: center;  
  align-items: center;       
  height: 10vh;            
  margin: 0; 
  display: flex;
  animation: pulse 2s ease-in-out infinite;
}


@keyframes pulse {
  0%   { opacity: 1; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; }
}

.albums {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  flex-wrap: wrap;
}

.albums img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  transition: opacity 0.2s;
}

.albums img:hover {
  opacity: 0.7;
}


body {
  background: #0a0a0f; 
/**  background-image: url('183c1b4c55ab976c172ae0aa51d1fed8.gif');
  background-repeat: no-repeat;
 background-position: left;
  background-size: 200px;
  background-attachment: fixed;**/

}

nav {
  display: flex;
  justify-content: center;
  gap: 0;
  border-top: 1px solid #8B0000;
  border-bottom: 1px solid #8B0000;
  padding: 8px 0;
  margin-bottom: 20px;
}

nav a {
  font-family: "Jacquard 12", system-ui;
  color: #8B0000;
  text-decoration: none;
  padding: 6px 20px;
  border-right: 1px solid #8B0000;
  font-size: 25px;
  transition: color 0.2s, background 0.2s;
}

nav a:last-child {
  border-right: none;
}

nav a:hover {
  color: #0a0a0f;
  background: #8B0000;
}

.bio {
  display: flex;
  flex-direction: column;
  align-items: center;
}

img {
 width: 100px;
  height: 100px;
}

.album-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.album-item p {
  color: #8B0000;
  font-family: 'Jacquard 12', system-ui;
  font-size: 25px;
  margin: 8px 0 0 0;
  text-align: center;
}

.moodboard {
  position: relative;
  width: 100%;
  height: 100vh;
}

.block {
  position: absolute;
  top: 190px;   /* distance from top */
  left: 350px;  /* distance from left */
}

.block p {
    font-family: "Jacquard 12", system-ui;
  color: #8B0000;
  text-decoration: none;
  padding: 6px 20px;
  font-size: 23px;
  text-align: center;
}