:root {
            --primary-color: #FFFAFA  /* #2c3e50;  */
            --secondary-color: #34495e;
            --accent-color: #3498db;
            --text-color:  black; /*#ecf0f1;   */ 
            --light-text: #bdc3c7;
        }

 
        body { /* margin:1px ;font-family:Arial  min-height: calc(100vh - 30px - 30px);*/
            font-family: Arial, Helvetica, sans-serif;  /*'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;   */
            margin: 0;
            padding: 10px;
            background-color: var(--primary-color);
            color: var(--text-color); 
            /*    min-height: 100%;  position: relative; */  
            line-height: 1.6;
        }
        
        
        header {
            padding-top:  0px;
            text-align: center;
            /* background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
               border-top: 5px solid var(--accent-color);
            border-bottom: 5px solid var(--accent-color);*/
        }
        

 main { 
		        min-height: calc(100vh - 90vh);    	    
		        padding-top: 0px;
 			   padding-right: 0px;
  			  	  padding-bottom: 0px;
  				  padding-left: 0px;
 				   margin-top: 0px;
				    margin-bottom: 0px;
 				   margin-right: 0px;
 				   margin-left: 0px;
 				   min-height: 100%;
      } 

        footer {
          /*  position: absolute;   */
 		    top: 98vh; wight:100%;
            /*background-color: #def0fc;
             background: var(--secondary-color);
           background-color: #008080; wight:100%;*/
        }

        .footer-content { 
            /*position: absolute;   
 		    top: 97vh; right:0.1rem;
            wight:100%;*/
            text-align: left;
            padding: 0.1rem 0;
           /* background: #def0fc;*/
            padding-left:8px; 
            border-left: 3px solid #008080;
           /* flex-direction: column; display: flex;  */
            clear: both; 
            font-size: 70%;
        }

     #dF { 
          text-align: left;
          /*background: #def0fc; */
          padding: 10px;
          border-left: 3px solid #3498db;
          }




.topnav {
  overflow: hidden;
  background-color: #008080 ;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#active {
    background: radial-gradient( #008080, #20B2AA);
    text-color: #FFD700;
}

a.is-active {color: #FFD700; background: radial-gradient( #008080, #20B2AA);}

.is-active {color: #FFD700; /*background: radial-gradient( #008080, #20B2AA);*/}


.topnav .icon {
  display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 17px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

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

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #20B2AA;
  color: #FFD700;
}

.dropdown-content a:hover {
    background-color: #20B2AA ;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}


        .container {
            width: 85%;
            max-width: 1200px;
            margin: 0 auto;
        }


        section {
            padding: 4rem 0;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 3rem;
            position: relative;
        }
        
        .section-title h2 {
            font-size: 2rem;
            /*display: inline-block; */
            padding-bottom: 0.5rem;
        }
        

        .team-list {
            list-style: none;
            padding: 0;
        }
        
        .team-item {
            background-color: #20B2AA;
            padding: 1.5rem;
            margin-bottom: 1rem;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        
        .team-item:hover {
            background-color: #AFEEEE;
            
        }
        
        .team-title {
            font-weight: bold;
            color: #4169E1;
            margin-bottom: 0.5rem;
            font-size: 1.5rem;
        }
        
        .team-mail {
                font-weight: bold;
                color: #808080;
                margin-bottom: 0.5rem;
                font-size: 1.1rem;
        }
    
        .team-meta {
            color: black;
            font-size: 1.1rem;
        }
        

div.desc {
  padding: 15px;
  text-align: center;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}