body { background-color: powderblue; font-family: arial; }
ul {  list-style-type: none;  margin: 0;  padding: 0;  overflow: hidden;  background-color: Navy;}   
	/* MediumSeaGreen DarkGreen*/
 /* ul - невпорядкований список: list-style-type - маркер списку: панель навігації - фон */
li {  float: left;}                  /* li - пункти списку */
li a, .dropbtn {  display: inline-block;  color: white; font-family: arial; text-align: center;
  padding: 8px 16px;  text-decoration: none;}    /* inline-block панель навігації - текст(назви пунктів) */
li a:hover, .dropdown:hover .dropbtn {  background-color: grey;}
/* панель навігації - фон вибраного пункту */

li.dropdown {  display: inline-block;}

.dropdown-content {  display: none;  position: absolute; background-color:AliceBlue;  min-width: 160px;
<!-- Випадаюче меню: білий фон LightCyan-->
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);  z-index: 1;}

.dropdown-content a {  color: black;  padding: 4px 8px  4px 20px;   /* top, right, bottom, left  */
  text-decoration: none;  display: block;  text-align: left;}

.dropdown-content a:hover {background-color: #11f1f1;} /* red green blue */
.dropdown:hover .dropdown-content {  display: block;}

.modal {  display: none;  position: fixed;  z-index: 1000;  left: 0;  top: 0;
  width: 40%;  height: 100%; color: darkblue;
  background-color: rgba(0,0,0,0.2);}   /* Затінення */
.modal-content {  background: powderblue; color: darkblue; margin: 2% auto;  padding: 10px;  width: 90%; }


h1 {color: darkblue; font-family: arial; font-size: 100%; }
h2 {color: darkBlue; font-family: arial;font-size: 80%; padding: 0px 8px;}
div {color: darkBlue; font-family: arial; font-size: 100%; }
 
p  {color: darkblue; font-family: arial; font-size: 100%; padding: 8px 8px;  background-color: powderblue;  }
// p {  display: block;   color: #000;   padding: 8px 8px;   text-decoration: none; }

 //Aquamarine