@charset "utf-8";
body {
	background-image: url(images/cathedral.jpg);
	background-size: cover;
	background-position: center center;
	text-align: center;
	background-attachment: fixed;
}
h1,
h2,
h3 {
	color: rgba(248, 195, 125, 1);
	font-family: "Adobe Garamond Pro", Georgia, serif;
	font-style: italic;
	text-shadow: 2px 2px 4px black;
	margin-top: 50px;
	font-weight: normal;
	font-size: 3em;
}
h2,
h3 {
	font-size: 2em;
	margin-top: -10px;
	color: white;
}
#container {
	position: absolute;
	width: 100%;
	left: 0;
	top: calc(50%);
	margin-top: -105px;
}
div {
	height: 210px;
	width: 110px;
	background-color: rgba(0, 0, 0, 0.75);
	background-image: url(images/bell.png);
	background-size: 80px auto;
	background-repeat: no-repeat;
	background-position: center 25px;
	color: rgba(248, 195, 125, 1);
	text-align: center;
	padding-top: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 5px;
	box-sizing: border-box;
	font-family: "Adobe Garamond Pro", Georgia, serif;
	font-size: 18px;
	border-radius: 55px;
	display: inline-block;
	border: 2px solid rgba(248, 195, 86, 1);
	transition: all 60ms ease-in-out;
}
div.selected {
	border: 2px solid rgba(255, 0, 0, 1);
	box-shadow: 0px 0px 20px black;
	transform: scale(1.1) rotate(10deg);
}