form {
	margin: 50px 0;
}

input[type='number'],input[type='submit'], input[type='reset'], button {
	border-radius: 2px;
	width: 100%;
    margin: 4px 0 ;
    

}

input[type='number'] {
	border: 1px solid #ccc;
    width: 75%;
}

#calculatebtn {
    background: gold;
    color: rgba(44,53,166,1);
    margin: 4px ;
}


#kgcalculatebtn {
    background: orange;
    color: white;
    margin: 4px ;
}

#kgresetbtn {
	color: #83B481;
	text-decoration: none
}


body {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;

	background: #dedede !important;
	line-height: auto;
}

.green-area {
	background: rgb(25,93,25);
	background: linear-gradient(45deg, rgba(25,93,25,1) 0%, rgba(46,166,44,1) 100%);
	border-radius: 20px;
	color: #83B481;
	padding: 5%;
}

.blue-area {
	background: rgb(44,53,166);
	background: linear-gradient(45deg, rgba(44,53,166,1) 0%, rgba(175,176,219,1) 100%);
	border-radius: 20px;
	color: #e9e9fe;
	padding: 5%;
}


/** fonts **/

h3 {
	color: white;
	font-size: 28px !important;

}

span {
	color: white;
	font-size: 34px;
	margin: 0 5px 0 0;
	text-shadow: 2px 2px rgba(0,0,0,0.5);
	word-break: break-all;
}

.align-right {
	text-align: right
}