#btn {
    width: 96px;
    height: 48px;
    font-size: 24px;
}
/*END OF FIRST (1ST) MINI-PROJECT*/



#btns {width:75%}

button {
    width: 30%;
    height: 48px;
    font-size: 24px;
}
/*END OF SECOND (2ND) MINI-PROJECT*/



#calculator {width:50%}

#res {
	background-color: lightgray;
	border: solid 3px black;
	height: 48px;
	font-size: 20px;
}

#btn0, #btn1 {
	background-color: lightgreen;
	color: brown;
}

#btnEql, #btnClr {
	background-color: darkgreen;
	color: white;
}

#btnSum, #btnDiv, #btnMul, #btnSub {
	background-color: black;
	color: red;
}

.calc-btns {
	width: 25%;
	height: 36px;
	font-size: 18px;
	margin: 0;
	float: left;
}
/*END OF LAST (3RD) MINI-PROJECT*/


/*Custom design for github page*/
body{background-color: #39424e;
	color: gray;
	font-family: sans-serif;
}

a{
	color: #333;
}

header{
	background-color: #1ba94c;
	color: whitesmoke;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
	padding: .5rem 1rem;
} header a {color: white}

main {
	margin: 2rem auto;
	width: 92vw;
	background-color: #fafafa;
	border-radius: 10px;
	box-shadow: 5px 5px 15px 2px rgba(0,0,0, .5);
}

section {
	margin: 1rem;
	padding: 2rem;
}

footer{
	margin-top: 5rem;
	padding: 1rem;
	background-color: #ddd;
	text-align: right;
	border-radius: 0px 0px 10px 10px;
}

.container{margin: 0 auto}