@charset "UTF-8";
/* CSS Document */

body {
  background-color: #000000;
  margin: 0px;
  font-family: "Arial Narrow", "Trebuchet MS", sans-serif;
}

*{
	color: #9f9f9f;
	font-size: large;
}

p {
  width: 575px;
  text-align: left;
  margin: auto;
  font-size: large;
  padding-bottom: 10px;
}

.center-index {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-bottom: 150px;
}

#index_img {
  height: 70vmin;
}

h1 {
  font-weight: bold;
  color: #ffffff;
  font-size: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
h2{
   font-size: 22px;
   font-weight:normal;
   color: #9f9f9f;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 50px;
   margin-bottom: 20px;
}

.entries {
  width: max-content;
  margin: auto;
  padding-top: 30px;
}

.album {
  width: max-content;
  padding-bottom: 5px;
}

.album > h2, .album > h3, .album > p {
  font-size: large;
  display: inline;
}

.album > h2 {
  font-weight: bold;
  color: #ffffff;
}
.album > h3 {
  font-weight: bold;
  font-style: italic;
  color: #b6b6b6;
}
.album > p {
  color: #9f9f9f;
  font-weight: lighter;
}

a {
  color: inherit;
}

a:visited {
  color: #9f9f9f;
}

a:active {
  color: #000000;
  }

.event {
  width: max-content;
  color: #9f9f9f;
  font-size: large;
  margin-bottom: 20px;
}

.event > h2 {
  font-size: large;
  color: #ffffff;
  font-weight: bold;
  margin: 0px;
  width: max-content;
}

.event > p {
  font-weight: lighter;
  width: max-content;
  margin: 0px;
}

#hands {
  height: 125px;

}
#hifi {
	height: 125px;
}

#sound{
	height: 90px;
}

#camera {
	height: 105px;
}

#mattperform {
   height: 80vmin;
	display: block;
  margin: auto;
  margin-top: 50px;
}

#youngmatt{
	display: block;
	height: 80vmin;
  margin: auto;
  margin-top: 50px;
}

nav {
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  margin-top: 90px;
  margin-bottom: 30px;
}

.video{
  padding-bottom: 20px;
}

.video > a, .video > h2{
  color: #ffffff;
  font-size: 18px; 
  font-weight: bold;
  font-style: italic;
}

	
.video > p{
 margin-bottom: 10px
}

video, audio{
	width: 560px;
}

figure{
	margin: 0px;
	height: 4vh;
	
}

figcaption{
 	color: #ffffff;
 	font-size: 18px;
}


blockquote{
	color: #ffffff;
	width: 450px;
    margin: auto;
	text-align: center;
    font-size: 20px;
	font-style: italic;
	margin-top: 30px;
	}

.credit{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}