.plectrum-container{
	transition: 0.3s;
	position: fixed;
}
.plectrum{
	/* filter: drop-shadow(4px 4px #eee); */
	background-image: url('../images/logo-backdrop-eee.svg');
}
header{
	transition: 0.3s;
}


.scrolled{
	opacity: 0;
	transform: translateY(-100%);
}
.scrolled ~ .plectrum-container{
	/* could make the transform do the header height in px so itll go in sync */
	opacity: 0;
	transform: translateY(50%);
}