html {
	background: #a5da95;
}

body {
	font-family: 'Proxima Nova';
	font-weight: 600;
	font-size: 24px;
	height: 100%;
	width: 100%;
	background: #a5da95;
	color: rgba(25,25,25,0.3);
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

#wrapper {
	width: 100%;
	height: 100%;
	min-height: 500px;
}

.bg {
	-webkit-filter: blur(20px);
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -1;
	overflow: hidden;
	display: hidden;
}

.bg img {
	width: 100%;
	height: 100%;
}

a {
	text-decoration: none;
	color: #5baac7;
}

a:hover {
	text-shadow: 0px 0px 2px rgba(91,170,199,0.3);
}

.opensans {
	font-family: "Open Sans";
	font-size: 1.02em;
	vertical-align: baseline;
}


/* icons */

.icon {
	color: rgba(51,51,51,.15);
	font-family: Sosa;
	
}

/* Container */

#container {
	background: rgba(239,240,243,1);
	width: 600px;
	height: 125px;
	z-index: 100;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   		border-radius: 5px;
	
	box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
	position: relative;
	margin: auto auto;
	top: 5%;
	margin-right: 2.5%;
}

/* Inside Parts */

.bird {
	font-family: 'Sosa';
	font-size: 36px;
	position: absolute;
	left: 30px;
	line-height: 125px;
}

.mention {
	text-align: center;
	letter-spacing: 0.03em;
	position: absolute;
	line-height: 122px;
	width: 600px;
}

/* Close Button */

.close-check {
  display: none;
}

.close-button {
	position: absolute;
	left: 570px;
	bottom: 116px;
	font-size: 20px;
	font-weight: lighter;
	
}

.close-button .toggle-close {
  position: absolute;
  height: 40px;
  width: 40px;
  cursor: pointer;
 
}

/* Close Animation */

#close-check:checked ~ #container {
  opacity: 0;
	 -webkit-transition: all 0.33s ease;
  -moz-transition: all 0.33s ease;
  transition: all 0.5s ease;
}							  

/* Coded and Designed by Cole Townsend */

#credits {
	font-size: 12px;
	color: #999999;
	display: block;
	text-align: center;
	position: relative;
	top: 30%;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
				-webkit-transform: translateY(25px);
    }
    100% {
        opacity:1;
			-webkit-transform: translateY(0);
				
    }
}

#container {
    -webkit-animation-name: fadeIn;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 1s;
}

/* Font Face */

@font-face {
	font-family: 'Sosa'
	src: url("http://coletownsend.com/web/content/icons/sosa.ttf")
}