body {
	padding: 0;
	background-color: #ecf0f1;
}
#every {
	font-size: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: 0px;
	margin-bottom: 0px:;
	width: 300px;
	/*340px*/
	height: 30px;
	/*70px*/
	margin-left: -173.4px;
	margin-top: -38.08px;
	padding: 20px;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #000;
	border-radius: 5px;
	background-color: #fff;
	color: #000;
	-webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    -o-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
#every:hover {
	border-color: #2980b9;
	background-color: #fff;
	color: #000;
}
#every:focus {
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    -o-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
#every:not(:focus) {
	cursor: pointer;
}
#output {
	padding: 0px;
	font-size: 28px;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	text-align: center;
	-webkit-user-select: none;
 	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
#outwrapper {
	height: 120px;
	width: 500px;
	position: absolute;
	top: 55%;
	left: 50%;
	padding: 0px;
	margin-left: -250px;
	margin-top: 0px;
	margin-bottom: 0px:
	margin-right: 0px;
	text-align: center;
}










/*kakkapissa*/