#main
{
	background-color: black;
	color:white;
}
body h6
{
	text-align: justify-all;
}
#sh
{
	color: yellow;
}

h3#sh1 {
    color: orange;
    
}

.mlm
{
	color: white;
	margin-left: 2%;
	font-size: 20px;
}
.hhh1
{
	padding-top: 6px;
	padding-bottom: 6px;

	border-bottom: solid 1px  #f5b041 ;
	position: fixed;
	background-color: black;
	z-index: 1500;
	top: 0px;
}
.mm:hover
{
	padding: 5px;
	border:solid white 1px ;
	background-color: orange;
	color: white;
	border-radius: 50%
}
.tgg
{
	font-size: 25px;
	

}
.mmm:hover
{
padding: 5%;
transform: 0.2s;
}


.db
{
	border-color: solid 2px white;
}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
}