/* Format body, links, headers*/

	body {margin:0;
		font-family: Raleway;
		font-weight: 300;
		font-size:24px;
		background-image: url('../img/bg_2.png');
		background-size: cover; 
		background-attachment: fixed;
	}
	h1 {
			font-family: 'Raleway', sans-serif;
			font-weight: 400;
			font-size:50px;
			text-align: center;
		}
	
		a:link {
			text-decoration: none;
			color:#f3f2ea; 
		}

		a:visited {
			text-decoration: none;
			color:#cbcac3;
		}

		a:hover {
			text-decoration: underline;
			color:#fffff1;
		}

		a:active {
			text-decoration: underline;
			color:#aaa9b0;
		}
	
/* Format navigation bar */	

		.navbar {
			overflow: hidden;
			background-color: #7851a9;
			position: fixed;
			top: 0;
			width: 100%;
		}

			.navbar a {
				float: left;
				display: block;
				color: #341b55;
				font-weight:bold;
				text-align: center;
				padding: 14px 16px;
				text-decoration: none;
				font-size: 17px;
			}

			.navbar a:hover {
				background: #563286;
				color: #ded1ee;
			}

/* Format logo */

		.logo {
			width: 100px;
			height:50px;
			line-height:50px;
			text-align:center;
			float:center;
			color:#cbcac3;
			margin: 0 auto;
		}

			.logo img {
				width: 75px;
				margin: auto;
				display: block;
			}

/* Format main content container */

		.main-content {
			background-color: rgba(28, 8, 55, .7);
			width: 60%;
			/* height:460px;   */
			text-align:center;
			float:center;
			color:#ded1ee;
			padding:25px;
			margin: 0 auto;
		}

			.main-content img {   
				margin: auto;
				display: block; 	
			}

		.header-text {  
			width: 600px;
			height: 60px;
			line-height:60px;
			text-align: center;
			color:#ded1ee;  
			margin: 0 auto;
		}

/* Format the clickable block images- transform on hover */

	.block-links{
		display: grid;
		grid-template-columns: repeat(3, 300px);
		margin:0 auto;
		width:60%;
		justify-content: center;
		align-content: center;
		color:#ded1ee;
		text-align:center;
		text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
		padding:20px;
	}

		.block-links img{ 
			width:100px;
			height: 100px;
		}

			.block-1, .block-2, .block-3{
				margin:0 auto;
			}


				.block-1:hover, .block-2:hover, .block-3:hover { 
					-webkit-transition-property: all; 
					-webkit-transition-duration: 0.3s; 
					-webkit-transition-timing-function: ease; 
					transform: scale(1.5); 
				}

/*Format copyright/credits */

	.credit {
		text-align:center; 
		color:#f0efe7;	
	}