#index-header {
	padding: 10rem 20px;
	text-align: center;
	font-family: 'Arial Black';
	color: white;
}

#index-header h1 {
	text-shadow: 3px 3px black;
}

.navbar {
	backdrop-filter: blur(5px);
}

header {
	background-image: url('/static/img/index_banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.center {
	margin: auto;
}

.image-frame {
	backdrop-filter: blur(5px);
	background: rgba(255, 255, 255, 0.75);
	padding: 20px;
	border-width: 10px;
	border-style: solid;
	border-top-color: lighten(#000, 20%);
	border-right-color: lighten(#000, 0%);
	border-bottom-color: lighten(#000, 20%);
	border-left-color: lighten(#000, 0%);
	box-shadow: 2px 2px 4px rgba(0,0,0,.6);
}

a.card-link {
	text-decoration: none; 
	display: inline-block;
}

a.card-link:hover {
	animation-name: scale-and-rotate;
	animation-duration: 0.5s;
}

@keyframes scale-and-rotate {
  0% {
    transform: scale(1) rotate(0);
  }
  50% {
    transform: scale(1.2) rotate(5deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}