header {
  background-image: radial-gradient(ellipse at top, transparent, rgb(0 84 147));
  animation: header-gradient-wave 12s ease-in-out infinite;
  box-shadow: 0px 2px 4px #282828;
  position: sticky;
  top: 0px;
  z-index: 100;
}
header .section {
  padding-top: 12px;
  padding-bottom: 14px;
  max-width: 100%;
}
header .section .logo {
  position: absolute;
  scale: 0.15;
  left: calc(0px - ((270px * 0.15) * 2 + 16px));
  top: -175px;
  transition: top 0.3s ease-in-out;
}
header .section .logo.show {
  top: -91px;
}
header h1{
	text-shadow: -6px -3px 14px rgba(0, 0, 0, .6) , 1px 1px 1px rgba(0, 0, 0, .6);
	transition: text-shadow .2s ease-in-out;
	margin: 0px;
  text-align: right;
}
header h1:hover{
	text-shadow: 8px -12px 12px rgba(0, 0, 0, .6) , 1px 1px 1px rgba(0, 0, 0, .6);	
}
header h1:hover a {
  color:#ffffff;
}
header h1 a:visited {
  color: #ffff;
}
header h1 a{
	color:#ffffff;
	margin: 0px;
	letter-spacing:-3px;
	text-decoration:none;
}
header h1 a small{
	color:#ffffff;
	display:block;
	font-size: 16px;
  margin-top: 6px;
	letter-spacing:0px;
}

@keyframes header-gradient-wave {
  0% { background-color:  rgb(7 122 208)}
  50% { background-color: rgb(0 84 147) }
  100% { background-color: rgb(7 122 208) }
}