@charset "utf-8";

.responsive {
  width: 100% !important;
  height: auto !important;	
   
}
.container {
    margin-top: 5%;
    width: 95% !important;
    height: 75% !important;
    margin-left: auto;
	margin-right: auto;	
}
body {
	background-color: #00E9FD;
	background-image: -webkit-linear-gradient(0deg,rgba(81,255,0,1.00) 9.84%,rgba(252,224,35,1.00) 46.11%,rgba(0,251,255,1.00) 82.38%);
	background-image: linear-gradient(90deg,rgba(81,255,0,1.00) 9.84%,rgba(252,224,35,1.00) 46.11%,rgba(0,251,255,1.00) 82.38%);
}

#calculator_keys {
	width: 270px ;
	height: 100%;
	background-color: rgba(159,70,71,1.00);
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;	
}

header  {
	width: 100%;
	height: 383px;
	background-color: rgba(0,0,0,1.00);
	float: left;
}

main  {
	text-align: center;
	float: left;
}
.column   {
	width: 100% !important;
	height: auto;
	text-align: center;
    float: left;
    
}
.bkgCol {
    	background-color: #3D3D3D;
}

.acAnd0 {
	width: 50%;
	height: 50% !important;
	background-color: #C9C9C9;
	color: #FFFFFF;
	font-size: 2.2em;
	display: table-column-group;
	float: left;
}

.normal {
	width: 25%;
	height: auto;
	background-color: #C9C9C9;
	color: #FFFFFF;
	font-size: 2.2em;
	display: table-column-group;
	float: left;
}

.logo {
    padding-top: 2%;
}

.logo h1 {
	margin-top: 0px;
    font-size: 1.95em !important; 
    line-height: 1.4em;
    text-align: center;
}

.logo p {
	float: right;
	margin-top: -5%;
	margin-right: 12%;
    font-size: 1.1em !important; 
    line-height: 1em;
}

:hover {
	color: #00FFDB;
}

.currentOperand {
    height: 75px !important;
	background-position: 0% 0%;
	background-color: #000000;
	text-align: right;
	font-size: 3em;
}

.previousOperand {
    height: 75px !important;
	background-color: #000000;
	text-align: right;
	font-size: 3em;
}