@import url(http://fonts.googleapis.com/css?family=Roboto);

/*============================================================
    Project Name: Javascript Simple Calculator
    Author: Humayun Ahmed
    Author URI: https://humayunbd.com
==============================================================*/

*/



/* =========================
   Base CSS
============================ */

img {
    max-width: 100%;
    display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 300;
	font-family: 'Roboto', sans-serif;
}
html,
body { height: 100% }
body {
    color: #000;
    font-family: cursive;
    font-size: 16px;
	line-height:25px;
}
a:hover { text-decoration: none; }


/* =========================
   Author's custom styles
============================ */



.calculator-element {
    background: lightgrey;
    border:  1px solid #ddd;
    padding:  20px;
    margin-top: 25px;
    margin:  25px auto;
    border-radius:  5px;
    box-shadow: 0px 8px 29px 5px rgba(0,0,0,0.4);
}

.calculator-heading{
    text-align: center;
}

.calculator-heading span{
    background: #007bff;
    color:  #fff;
    text-transform:  uppercase;
    padding: 3px 5px; 
    border-radius: 5px;  
}

.calculator-heading h3{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    font-family:  cursive;
    color:  #333;
}

input.my-btn{
    text-transform: uppercase;
}