body {
  color: blue;
}
h1,a,p.gr {
  color: green;
} 
 svg:hover
  {fill:#0e406e;
  transition: 5s;}
h1,h2,h3,a,em.fr
  {
  color:#0e406e;
  }
  #menu #list {
    height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    background: #ffffff;
	color:#0e406e;
}

#menu:hover #list {
    height: auto;
    transition: max-height 0.25s ease-in;
}
#menu1 #list1 {
    height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    background: #efefef;
	color:#0e406e;
}
#menu1:hover #list1 {
    height: auto;
    transition: max-height 0.25s ease-in;
}
table,td,tr.solid {border-style: solid; background: #efefef;}
.center {
  text-align: center;
  border: 3px solid green;
  width: 90%;
}
.center {
  text-align: center;
  margin: auto;
  width: 50%;
  border: 3px solid SlateBlue;
  padding: 10px;
}
ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}

ol.c {
  list-style-type: upper-roman;
}

ol.d {
  list-style-type: lower-alpha;
}
p {
  margin-bottom: 0 }
p + p {
  text-indent: 1.5em;
  margin-top: 0 }
  p.grey {
  background: #efefef;
	color:#0e406e;
		width: 50%}
		/* This is a dropdown menu */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 1px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}
		/* This is a dropdown menu */
		div.ex2 {
  max-width: 500px;
  margin: auto;
  border: 3px solid #73AD21;
  text-align: center;
}