@import url('https://fonts.googleapis.com/css?family=Creepster'); /* Imports a creepy webfont from google fonts*/

body {
  background-color: #f7a325;
}
.jumbotron {
	background-color: #f29810;
}
 .jumbotron p {
	margin-top: 20%;
	font-size: 12px;
}
 a {
	text-decoration: underline;
	color: black;
}

.konami {
	background: #000 url("https://i.ytimg.com/vi/v4zU8Is-lDY/maxresdefault.jpg");
	color: #ada48f;
}

#spooky{
	font-family: 'Creepster';
}

/* Costume picker styles */

#outerCostumeBox {
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	font-size: 50px;
  }
  
  #costumeButton {
	background-color: transparent;
	border: none;
  }
  
  #costumeContent {
	text-align: center;
  }
	
	/* Adjust font size with screen size */
	@media (max-width: 768px) {
		#outerPumpkinBox {
			font-size: 25px;
		}
	}
  
  
@import url('https://fonts.googleapis.com/css?family=Creepster'); /* Imports a creepy webfont from google fonts*/

body {
  background-color: #f7a325;
}
.jumbotron {
	background-color: #f29810;
}
 .jumbotron p {
	margin-top: 20%;
	font-size: 12px;
}
 a {
	text-decoration: underline;
	color: black;
}

.konami {
	background: #000 url("https://i.ytimg.com/vi/v4zU8Is-lDY/maxresdefault.jpg");
	color: #ada48f;
}

#spooky{
	font-family: 'Creepster';
}

/* Costume picker styles */

#outerCostumeBox {
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	font-size: 50px;
  }
  
  #costumeButton {
	background-color: transparent;
	border: none;
  }
  
  #costumeContent {
	text-align: center;
  }
	
	/* Adjust font size with screen size */
	@media screen and (max-width: 768px) {
		#outerCostumeBox {
			font-size: 25px;
		}
	}
  
  
Update renamed element id in media query
Update renamed element id in media query
