*{
	margin:  0;
	padding: 0;
}

body{
	background: #f0f0f0;
}
textarea{
	width: 100%;
	margin: 10px auto;
	display: block;
	height: 200px;
	padding: 10px;
	box-sizing: border-box;
	border: none;
}
textarea:focus{
	outline: 2px solid crimson;
}
.binaryToDecimal, .unconvert{
	display: none;
}
.decimalToBinaryClose{
	display: none;
}
.binaryToDecimalOpen{
	display: block;
}
.inline-block{
	display: inline-block;
}
.convert, .unconvert{
	padding: 10px;
	background: Crimson;
	color: #fff;
	border: 1px solid crimson;
	cursor: pointer;
	font-family: sans-serif;
	font-weight: bold;
	border-radius:3px;
	float:right;
}
.sub{
	padding:10px;
	background:#fff;
	color:#000;
	border:1px solid crimson;
	outline:none;
	border-radius:3px;
	cursor:pointer;
	transition:0.4s;
	-o-transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
}
.sub:hover{
	background:#f7acba;
}
.container{
	width:100%;
	max-width:1000px;
	margin:10px auto;
	padding:2px;
	box-sizing:border-box;
}
.tools{
	display:block;
}

#article {
	font-family: Arial, Helvetica, sans-serif;
	padding:3% 17%;
}