@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.00);
		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.00);
		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.00);
		transition: all 60ms ease-in-out;
	}
	div.selected {
		border: 2px solid rgba(255, 0, 0, 1);
		box-shadow: 0 0 20px black;
		transform: scale(1.1) rotate(10deg);
	}