h1 {
	color: white; 
	margin-bottom: -5px;
}
p {
	margin-bottom: -10px;
}
.body{
    padding-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    background-color: #303030;
}
.main{
    background-color:#5E5E5E;
    
}
.ui {
    padding-top: 2%;
	display: flex;
	flex-direction: column;
	align-items: center;
    background-color:#5E5E5E;
}
.row {
    background-color: white;
	display: flex;
}
.cell {
	border: none;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	text-align: center;
	cursor: pointer;
}
.cell:active {
	outline: none;
}
/* 3*3 Grid */
#b1{
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}

#b2 {
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
}

#b3 {
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
}

#b4 {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}
	
#b5 {
	border: 1px solid gray;
}

#b6 {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
}

#b7 {
	border-top: 1px solid gray;
	border-right: 1px solid gray;
}

#b8 {
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
}

#b9 {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
}
/* Reset Button */
#but {
	box-sizing: border-box;
	width: 95px;
	height: 40px;
	border: 1px solid #303030;
	margin-left: auto;
	border-radius: 8px;
	font-family: Verdana,
		Geneva, Tahoma, sans-serif;

	background-color: whitesmoke;
	color: #303030;
	font-size: 20px;
	cursor: pointer;
	
}

/* give hover effect to #but*/
#but:hover {
	background-color: #303030;
	color: white;
}

.btns{  
    margin-bottom: 5%;
}

#printTurn {
	font-family: Verdana,
		Geneva, Tahoma, sans-serif;
	color: white;
	font-size: 20px;
}

/* Main Container */
#main {
	text-align: center;
}

/* Game Instruction Text */
#ins {
	font-family: Verdana,Geneva,
					Tahoma, sans-serif;
	color:#C6C6C6;
}
#mode{
    color: white;
    padding-bottom: 2%;
}