@charset "utf-8";
/* CSS Document */
body
		{
			margin:0px 0px 0px 0px;
			background-color: grey;
			background-image: url(Images/background8.jpg);
			padding-top: 100px;
			padding-bottom: 50px;
			cursor:url(Images/paintbrush.png), auto;
			background-size: cover;
			background-attachment: fixed;
			font-family: 'Yatra One', cursive;
			
		}
		h1,h2
		{
			font-family: 'Cabin Sketch', cursive;
		}
		
		#container
		{
			width:960px;
			padding-top:5px;
			margin:auto;
			background-color:#EFDDB6;
			border-width: 40px 40px 40px 40px;
			border-style:ridge;
			border-color:gold;	
		}
		
		#wrapper
		{
			width:942px;
			border:4px solid #3B2266;
			margin:auto;
			background-color: orange;
			border-radius:5px;
		}
		
		header
		{
			height:230px;
			background-color:#A5942E;
			background-image: url(Images/signature2.jpg);
		}
		#fbcontainer
		{
			display:flex;
			min-height:500px;
		}
		
		main
		{
			flex-basis:70%;
			background-color:#936668;
			padding:5px;
			background-image: url(Images/main.jpg);
			border: 10px double black;
		}
		
		nav
		{
			flex-basis:15%;
			border:5px solid black;
			padding:5px;
			background-image:url(Images/sides2.jpg);
		}
		
		aside
		{
			flex-basis:15%;
			background-color:#A2B194;
			padding:5px;
			background-image: url(Images/sides2.jpg);
			border:5px solid black;
		}
		
		footer
		{
			height:50px;
			padding:5px;
			background-color: #E9BCA9;
			background-image: url(Images/canvas-background.jpg);
			text-align: center;
		}
		a
		{
			color: white;
			cursor:url(Images/paintbrush.png), auto;
		}
		a:hover
		{
			color:#FAE4A8;

		}
		.right
		{
			float:left;
		}
		img
		{
			border: 6px solid goldenrod;
			margin: 10px;
		}
		.clearfix
		{
			clear: both;
		}
		#links
		{
			background-image: url(Images/paintswatches.png);
			position: fixed;
			background-repeat: no-repeat;
			margin-left: -470px;
			top: 315px;
			height: 400px;
			width: 435px;
		}
		#linktwo
		{
			text-align: center;
			font-size: 34px;
			line-height: 2.3;
			padding-top: 100px;
			padding-left: 80px;
		}
		#source
		{
			color: darkred;
		}
		.web
		{
			color: black;
			font-size: 25px;
		}
		.left
		{
		float: right;
		}
		.art td img
		{
			transform: scale(.8);
			transition: all 2s;
		}
		.art td img:hover
		{
			transform: rotate(-5deg);
		}