diff --git a/style.css b/style.css index 1ea710e..51277b7 100644 --- a/style.css +++ b/style.css @@ -8,7 +8,7 @@ body{ } span{ - font-size: 11px; + font-size: 9px; color: gray; font-weight: bold; } @@ -20,10 +20,10 @@ span{ transform: translate(-50%,-50%); width: 170px; background-color: #fff; - border: 3px solid #fff; + border: 5px solid #fff; border-radius: 5px; box-shadow: 0px 0px 10px 10px rgba(74,74,74, 0.7); - padding: 15px; + padding: 12px; } .display{ height: 51px; @@ -31,22 +31,22 @@ span{ outline: none; border:none; padding: 0px 11px; - font-size: 15px; - border-radius: 5%; + font-size: 13px; + border-radius: 7%; overflow: auto scroll; - box-shadow: inset 3px 2px 8px rgba(150,150,150,0.1),inset 2px 2px 1px rgba(150,150,150,0.5),inset 3px 2px 8px rgba(150,150,150,0.1),2px 2px 1px rgba(150,150,150,0.5); + box-shadow: inset 5px 4px 9px rgba(150,150,150,0.1),inset 2px 2px 1px rgba(150,150,150,0.5),inset 3px 2px 8px rgba(150,150,150,0.1),2px 2px 1px rgba(150,150,150,0.5); } input[type=button]{ text-align: center; - margin-top: 10px; - margin-left: 2px; + margin-top: 12px; + margin-left: 3px; background-color: #fff; border: none; outline: none; - width: 37px; - height: 36px; - border-radius: 6px; - box-shadow: inset 1px 2px 8px rgba(150,150,150,0.1),inset 1px 1px 2px rgba(150,150,150,0.3),inset 1px 1px 2px rgba(150,150,150,0.3), 1px 1px 2px rgba(150,150,150,0.3); + width: 35px; + height: 37px; + border-radius: 8px; + box-shadow: inset 2px 3px 9px rgba(150,150,150,0.1),inset 1px 1px 2px rgba(150,150,150,0.3),inset 1px 1px 2px rgba(150,150,150,0.3), 1px 1px 2px rgba(150,150,150,0.3); } input[type=button]:focus{