@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
@import url('https://fonts.googleapis.com/css?family=Acme');

body {
    background-color: lightblue;
	width: 100%;
	height: 100%;	
}

.blocks{
	width: 75%;
	height: auto;
	
	border-style: ridge;
	border-width: 5px;
	border-color: lightgrey;
	border-radius: 15px;
	
	padding: 2%;
	
	background-color: rgba(50,50,50,0.3);
	position: relative;
	top: 5%;
	left: 7%;
	right: 13%;
	
	font-size: 25px;
}

.formulars{
	border: none;
	
	width: 100%;
	height: auto;
	
	left: -2%;
	right: 2%;
	
	font-family: 'Acme', sans-serif;

}

.inputs{
	font-size: 25px;
	font-family: 'Acme', sans-serif;
}

#seedinput{
	width: 110px;
	text-align: center;
}

.nav-bar{
	position: fixed;
	top: 1.5%;
	
}

.headerpic{
	height: 100%;
	width: auto;
}

.headerpic:hover{
	transform: scale(1.35);
	
	transition: all .25s ease-in-out;
}

a.headerpic:active{
	transform: scale(0.75);
	
	transition: all .25s ease-in-out;
}

#forward{
	opacity: 0.4;
}

#backward{
	opacity: 0.4;
}

.commitbar-pos{
	position: fixed;
	left: 87%;
	top: 33%;
	
	padding: 1%;
}

.commitbar-active{
	border-style: ridge;
	border-width: 5px;
	border-color: lightgrey;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	
	background-color: rgba(50,50,50,0.4);
}

.tabin{
	margin-left: 25px;
}

.btn {
	background-color: #353535;
	padding: .5em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 6px;
	color: #ffffff;
	font-family: 'Oswald';
	font-size: 20px;
	text-decoration: none;
	border: none;
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}


.btn:hover {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	
	border: none;
	box-shadow: 1px 1px 1px #777;
	
	background-image: url("../img/portal.jpg");
	background-size: 100%;
	background-size: 100px auto;
}

.description-box{
	font-family: 'Indie Flower', cursive;
}

table{
	width:100%;
	font-size:17px;
}
td{
	width:35%;
}

#e{
	color: rgba(0,0,0,0);
	position: relative;
	width:100%;
	height:auot;
}