/* Main Navigation */

nav {
    background: #444;   
    width: 100%;
}                       /*fff  tried x*/

nav ul {
    padding: 0;
    margin: 0;
}

nav ul li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;            
}
    nav ul li:hover {
        background: #03ADDF;         
    }                              /*old03ADDF; 008B8B   */
nav ul li a {
    color: white;            /*444    */
    text-decoration: none;
    padding: 12px;               
}                                  /*fff  */
    nav ul li a:hover {
        color: white;
        text-decoration: none;
    }

/* Make top-level menu horizontal */
ul > li.parent {
    display: inline-block;
    position: relative;
    margin-right: 20px; /* spacing between menu items */
}
/* Position child dropdowns */
nav ul li ul.child {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    padding: 0;
    margin: 0;
    list-style: none;
    min-width: 250px;
}

/* Show dropdown on hover */
nav ul li:hover > ul.child {
    display: block;
}

/* Child items vertical */
nav ul li ul.child li {
    display: block;
    padding: 8px 12px;
    white-space: nowrap;
}







/* Sub Menu */
nav ul li.parent ul.child {
    display: none; /* Hide Sub Menu */
}
nav ul li.parent:hover ul.child {
    display: block; /* Show Sub Menu on Hover */
    position: absolute;
    top: 40px;
    background: #008B8B;           
}                                  /* old 03ADDF(NO EFFECT); 008B8B   */

nav ul li.parent ul.child li {
    width: 9em;
    padding: 0;
}
nav ul li.parent ul.child li:hover {
    background: #008B8B;                
}                                            
nav ul li.parent ul.child li a {
    display: block;
}   
    
 


/*css for button use next*/


a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

a:hover {
  background-color: #ddd;
}                                  /*ddd  fff(x)  */

.previous {
  background-color: #008B8B;     
  color: black;
}                         /*#f1f1f1(x)  008B8B         */
.next {
  background-color: #f1f1f1;
  color: white;
}                          /*4CAF50;              */

.round {
  border-radius: 50%