button {
  background-color: #039089;
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px; 
  border-radius: 8px;
  transition-duration: 0.4s;
}

button:hover {
  background-color: #04AA6D; 
  color: white;
}

details {
   color:#027a74;
}

.ytp-title-link {
    display: none !important;
}

.vid-n-pic {
  display:grid;
  grid-template-rows:auto;
  grid-template-columns: 1fr 2fr;
  justify-self:center;
  margin-top:20px;
  gap:20px;
  font-family: Helvetica, sans-serif;
}

.about-title {
  font-family: 'pixel', arial; font-size:20px;
  color:#039089;
  line-height:12px;padding-top:1px;padding-left:4px;margin-bottom:40px;letter-spacing:3px;
}

.credit {
   font-family: Helvetica, sans-serif;
   font-size:10px;
}

.content {
  display:grid;
  grid-template-rows:700px;
  grid-template-columns: minmax(490px,auto) 530px;
  margin-left:20%;
  margin-right:20%;
  margin-top:20px;
  gap:20px;
  font-family: Helvetica, sans-serif;
  
}

.content-spring {
  display:grid;
  grid-template-rows: auto auto;
  grid-template-columns: 800;
  margin-left:240px;
  margin-right:240px;
  margin-top:20px;
  gap:10px;
  font-family: Helvetica, sans-serif;
  justify-items:center;
}

.about-content {
  display:block;
  margin-left:20%;
  margin-right:20%;
  margin-top:20px;
  font-family: Helvetica, sans-serif;
}
.questions {
  display:block;
  text-align:left;
}

.heading {
  display:grid;
  grid-template-rows: minmax(70px, auto);
  grid-template-columns: 910px 110px;
  justify-content: center;
  justify-items: center;
  gap:20px;
  padding: 1px;
}

.view-img {
  display:block;
  float: left;
  justify-content:center;
}

.opening-img {
  display: grid;
  grid-template-rows: 250px 380px;
  grid-template-columns: 400px 300px 300px;
  padding: 1px;
  gap: 20px;
  justify-content: center;
  justify-items: center;
}

.partingspring {
  align-self: center;
}

.obon {
  align-self: center;
}

.greaterlove {
  align-self: center;
}

.yesler {
  align-self: center;
}

.whitecurtain {
  align-self: center;
}

.puget {
  align-self: center;
}


.title {
   grid-column: span 1;
   align-self: flex-start;
   justify-self: start;
   font-family: 'pixel', arial; font-size:20px;
  color:#039089;line-height:35px;padding-top:1px;padding-left:4px;margin-bottom:4px;letter-spacing:3px;
}

.about {
   grid-column: span 1;
   justify-self: center;
   align-self: center;
}