@charset "utf-8";
/* CSS Document */

body {background:#6BC19D;}
#container {width:500px;margin:0 auto;padding:30px;background:white;}
#container * {color:#459272;}
form::after {content:"";display:block;clear:both;}
h1, h2 {font-size:30px;}
h1 {font-weight:100;}
h2 {font-weight:900;}
h2:first-of-type {text-align:center;}
input[type="text"] {border:none;height:60px;width:100%;border-radius:5px;background-color:#CFCFCF;color:#426465;font-size:40px;font-weight:900;padding-left:15px;box-sizing:border-box;-webkit-transition:.2s;transition:.2s;margin-bottom:30px;}
input[type="button"] {display:block;float:left;width:21%;height:70px;margin:0 2% 20px 2%;font-size:20px;font-weight:900;border-radius:5px;box-shadow:0 3px 0 #459272;position:relative;transition: all 0.2s ease;user-select:none;cursor:pointer;top:0;background:#ddd;}
input[type="button"]:active {box-shadow:0 0 0 #459272;top:3px;}
input[type="button"]:hover {background:#CBCBCB;}
input[value="="] {background:#6bc19d;color:white !important;}
input[value="="]:hover {background:#459272}
.intBtn {background:#c3dad1 !important;}
.intBtn:hover {background:#6BC19D !important;}
#readOut {display:block;text-align:center;width:100%;margin:10px 0;line-height:35px;}
.history {text-align:center;width:100%;margin-top:10px;line-height:40px;}

@media only screen and (max-width: 500px) {
	#container {width:100%;}
}