h1 {
	text-align: center;
	background-color: lightyellow;
	color: green;
	border: 2px solid black;
	border-radius: 5px;
}
body {
	background-image: url("rupee.jpg");
}
#container {
	width: 50%;
	height: 600px;
	margin: auto;
	
}
.heading {
	margin-left: 30px;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 2px solid black;
	background-color: darkgreen;
	color: white;
}
#one {
	margin-top: 15px;
	margin-left: 0px;
}
.button {
	position: relative;
	width: 100%;
	height: 40px;
	text-align: left;
	border-radius: 5px;
	border: 2px solidblack;
	float: right;
	margin-left: 30px;
	color: black;
	background-color: lightyellow;
}
#b1 {
	margin-top: 50px;
	border: 2px solid black;
	padding: 10px 20px;
	font-weight: bold;
}
ut[type="text"]::placeholder {  
                  
                /* Firefox, Chrome, Opera */ 
                padding-left: 10px; 
            }
#containermain {
	width: 85%;
	position: relative;
	height: 700px;
	
	margin-left: 30px;
}
#two {
	margin-top: 95px;
	margin-left: 0px;
}
.input1 {
	width: 100%;
	height: 38px;
	position: absolute;
	background-color: lightyellow;
}
#b2 {
	margin-top: 130px;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 10px 20px;
	color: blue;
	font-weight: bold;

}
#three {
	margin-top: 175px;
	margin-left: 0px;
}
#b3 {
	margin-top: 120px;
	box-sizing: border-box;
	position: relative;
	border: 2px solid black;
	padding: 10px 20px;
	font-weight: bold;

}
#four {
	margin-top: 255px;
	margin-left: 0px;
}
#b4 {
	margin-top: 40px;
	box-sizing: border-box;
	position: relative;
	border-radius: 5px;
	padding: 10px 20px;
	color: blue;
	font-weight: bold;

}
#five {
	margin-top: 10px;
	margin-left: 0px;
}
#b5 {
	margin-top: 40px;
	box-sizing: border-box;
	position: relative;
	border-radius: 5px;
	padding: 10px 20px;
	color: blue;
	font-weight: bold;

}
#laa {
	margin-top: 205px;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 10px 20px;
	color: blue;
	font-weight: bold;
}
#lee {
	margin-top: 173px;
	margin-left: 0px;
	background-color: darkgreen;
	color: white;
}
#ree {
	margin-top: 248px;
	margin-left: 0px;
	background-color: darkgreen;
	color: white
}
#raa {
	margin-top: 190px;
	box-sizing: border-box;
	position: relative;
	border-radius: 5px;
	padding: 10px 20px;
	color: blue;
	font-weight: bold;
}
#f1 {
	margin-top: 10px;
	margin-left: 0px;
	color: green;
	font-weight: bold;
	font-size: 25px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 2px solid black;
	padding-left: 20px;
}
#f2 {
	margin-top: 12px;
	margin-left: 0px;
	color: green;
	font-weight: bold;
	font-size: 25px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 2px solid black;
	padding-left: 20px;
	position: relative;
}
input::placeholder {
  color:grey;
  font-style: italic;
  font-weight: bold;
}
#reload {
	margin-top: 20px;
	color: green;
	height: 30px;
	font-weight: bold;
	border: 2px solid black;
	border-radius: 5px;
	margin-left: 40%;
	box-sizing: border-box;
	background-color: lightyellow;
}
#f3 {
	margin-top: 12px;
	margin-left: 0px;
	color: green;
	font-weight: bold;
	font-size: 25px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 2px solid black;
	padding-left: 20px;
	position: relative;
}
.result {
	background-color: lightyellow;
}