@keyframes bgGradient {
    0%{
        background-position:0% 25%;
    }
    25% {
        background-position:25% 50%;
    }
    50% {
        background-position:50% 50%;
    }
    75% {
        background-position:50% 25%
    }
    100%{
        background-position:25% 0%
    }
}

@font-face {
    font-family: fa;
    src: url(ParkLaneNf-pRdR.ttf); /* This is the uncovered CSS element - Custom Fonts! 
    Groundbreaking, I know. https://www.w3schools.com/css/css3_fonts.asp
     Here's the link to the resource. /\ Also maybe the @keyframes animation element? IDK*/
}

body {
    background: linear-gradient(15deg, darkblue,blue,teal,magenta);
    animation: bgGradient 10s ease-in-out infinite;
    background-size: 400% 400%;
    height: 100vh;
    color:antiquewhite; /* BG gradient animation "shaping" from: https://codepen.io/P1N2O/pen/pyBNzX*/
    
}

.title, .subtitle {
    display:flex;
    width:100%;
    justify-content: center;
    font-family:fa;
    
}

footer {
    display:flex;
    width:100%;
    justify-content: center;
    bottom:0%;
    position:absolute;
}

summary {
    
  list-style: none;
  display: inline-flex;
  align-items: center;
  padding: 10px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto; 
}
summary::after {
  content: '';
  width: 18px;
  height: 10px;
  background: url("/week7page/imgstorage/interrogation.png") no-repeat;
  background-size: 10px;
  margin-left: .75em;
  transition: 0.2s;
}
details[open] > summary::after {
  transform: rotate(360deg);
}
summary {
  background-color: #a3d4fb;
  color: #30353b;
  border-radius: 5px;
}

details[open] summary {border-radius: 5px 5px 0 0;}

details {
  border-radius: 5px;
}

/* Summary formatting from: https://codepen.io/SitePoint/pen/eYxOGzB*/
#MeetTeam {
    visibility:hidden;

}