@charset "UTF-8";
@import url("webfonts/rock_salt_regular/stylesheet.css");
/* CSS Document */

body {
	background-image: url('images/rose-repeat.png');
}

#bg-container {
	margin: 60px auto;
	 width: 1180px;
	 height:538px;
	 display:block;
	 background:transparent url('images/bg-container.png') center top no-repeat;

}

#bg-tint{
	background-color: white;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.75;
}

h1 {
	color: black;
	font-family: "rock salt regular";
	font-style: normal;
	font-size: 100;
	font-weight: 800;
	margin-left: 100px;
	margin-bottom: 0px;
	padding: 0px;
}

h2 {
	color: black;
	font-family: "arial";
	font-style: normal;
	font-weight: 100;
	margin-left: 100px;
	margin-top: -25px;
}
h2 a{
	color: purple;
	text-decoration: none;
}

#social-media{
	margin-left: 50px;
	margin-bottom: 25px;
	margin-top: -20px;

}

.BlueSky{
	 float:left;
	 margin-bottom: 10px;
	 width: 275px;
	 height:275px;
	 display:block;
	 background:transparent url('images/bluesky-icon.png') center top no-repeat;
}

.BlueSky:hover{
	
	 background-image: url('images/bluesky-icon.gif');

}

.Instagram{
	float:left;
	margin-bottom: 10px;
	 width: 275px;
	 height:275px;
	 display:block;
	 background:transparent url('images/Instagram-icon.png') center top no-repeat;
}

.Instagram:hover{
	
	 background-image: url('images/Instagram-icon.gif');

}
.Itch-io{
	float:left;
	margin-bottom: 10px;
	 width: 275px;
	 height:275px;
	 display:block;
	 background:transparent url('images/Itch-io-icon.png') center top no-repeat;
}

.Itch-io:hover{
	 background-image: url('images/Itch-io-icon.gif');

}
.Volcano-Bean{
	float:left;
	margin-bottom: 10px;
	 width: 275px;
	 height:275px;
	 display:block;
	 background:transparent url('images/VB-icon.png') center top no-repeat;
}

.Volcano-Bean:hover{
	 background-image: url('images/VB-icon.gif');

}