h1{
	text-align: center;
	margin-bottom: 1vh;
}

h3{
	display: block;
	text-align: center;
	color: #aaa;
}

article{
	max-width: 33%;
		box-shadow: none;
	margin: auto;
	margin-top: 5vh;
}

#changeable{
	width: 50%; 
	display: block;
	margin-left: auto; 
	margin-right: auto; 
	transition: transform 500ms ease-in-out;
}



	#brightPreview{
		background-color: #263847;
		border-radius: 4px;
		transition: opacity 500ms ease-in-out;
	}

#textName{
	max-width: 50%;
	margin: 0;
	display: inline;
}

@media (prefers-color-scheme: light) {
  #changeable{
		filter: brightness(0);
	}

	#brightPreview{
		background-color: #a7b9c7;
	}
}

#saveCode{
	margin-bottom: 0;
}

.smallerLogo{
	width: 35%;
}