body {
            
            margin: auto;
            padding: 0;
            font-family: "Montserrat", sans-serif;
         
          /*font-weight: 100;*/
          font-style: normal;
            /*background: linear-gradient(to bottom, DarkSeaGreen, #004d00);*/
            background-color:darkseagreen;
            color: #fff;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
           
            
        }

        header {
            background: #008000;
            padding: 1em;
            text-align: center;
        }
        
        section {
            /*flex: 1;
            padding: .2em;*/
            ;
        }


    nav {
      background-color: #fff;
      padding: 10px;
      z-index:999;
    }

    nav a {
            display: inline-block;
            color: #333;
            text-align: center;
            text-decoration: none;
            transition: background 0.3s ease;
        }
    
    ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
    }

    li {
      position: relative;
      padding: 6px;
      cursor: pointer;
      color: #333;
    }

    ul ul {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background-color: #fff;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }


    li:hover > ul {
      background-color: white;    
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      animation: fadeIn 0.3s ease-in-out;
    }


    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(-10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
        
    input[type=text], input[type=password] {
      width: 100%;
      padding: 8px;
      border: 1px solid #ccc;
      border-radius: 4px;
      resize: vertical;
    }
    
    input[type=submit], input[type=reset] {
      background-color: #04AA6D;
      color: white;
      padding: 8px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      
    }
    

    
    #teybol {
      font-family: Arial, Helvetica, sans-serif;
      border-collapse: collapse;
      width: 100%;
      z-index:900;
      color:black;
      background-color: white;
      font-size:.9em;
      
    }

    #teybol td, #teybol th {
      border: 1px solid #ddd;
      padding: 4px;
    }
    
    #teybol tr:nth-child(even){background-color: #ddd;}
    
    /*#teybol tr:hover {background-color: #ddd;}*/
    
    #teybol th {
      padding-top: 12px;
      padding-bottom: 12px;
      text-align: left;
      background-color: #04AA6D;
      color: white;
    }
    
    a, a:hover {
        text-decoration: none;
    }
    
    a:active {
        background-color:darkseagreen;
    }

    .collapsible {
      background-color: #2E8B57; /*seageen*/
      color: white;
      cursor: pointer;
      padding: 16px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
      border-radius:8px;
      border-style:solid;
      border-color:green;
      
    }
 
     .collapsible2 {
      background-color: #DC143C; /*crimson*/
      color: white;
      cursor: pointer;
      padding: 8px;
      width: 60%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 14px;
      border-radius:8px;
      border-style:solid;
      border-color:silver;
      
    }
    
     .collapsible3 {
      background-color: #87ceeb; /*skyblue*/
      color: white;
      cursor: pointer;
      padding: 8px;
      width: 60%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 14px;
      border-radius:8px;
      border-style:solid;
      border-color:silver;
      
    }
    
    .active, .collapsible:hover {
      background-color: #006400;
    }
    
    .active, .collapsible2:hover {
      background-color: #006400;
    }
    
    .collapsible2:visited {
      background-color: #DC143C; /*crimson*/
    }
    
    .collapsible3:visited {
      background-color: #DC143C; /*crimson*/
    }
    
    .content {
      padding: 0 18px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      background-color: #f1f1f1;
    }    
    
    .content2 {
      padding: 0 14px;
      border-radius:8px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      background-color: #f1f1f1;
    }   
    
    .content3 {
      padding: 0 14px;
      border-radius:8px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      background-color: #f1f1f1;
    }   
    
    
    .collapsible2:after {
      content: '\002B';
      color: white;
      font-weight: bold;
      float: right;
      margin-left: 5px;
    }
    
    
    .collapsible3:after {
      content: '\002B';
      color: white;
      font-weight: bold;
      float: right;
      margin-left: 5px;
    }
    
    .active:after {
      content: " \2212";
    }

    .dw_textarea {
        width: 100%;
        height: 150px;
        padding: 8px 12px;
        box-sizing: border-box;
        border: 2px solid #ccc;
        border-radius: 4px;
        background-color: #f8f8f8;
        font-size: 16px;
        resize: none;
    }
    
    .newsitem {
   text-transform:uppercase;
   letter-spacing:3px;
   color:red;
   margin-left:12px;
        }
    
    .keywords {
    text-transform:lowercase;
   letter-spacing:2px;
   color:gray;
   margin-left:12px;
   font-size:.8em;
    }
    
    
    footer {
        background: #000;
        padding: 1em;
        text-align: center;
        margin-top: auto;
	    font-size:12px;
    }
    
    .grid-container {
  display: grid;
  grid-template-columns: auto auto;
  background-color: #2196F3;
  padding: 10px;
}
.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
}

.newsitem {
   text-transform:uppercase;
   letter-spacing:3px;
   color:red;
   margin-left:12px;
}

.keywords {
    text-transform:lowercase;
   letter-spacing:1px;
   color:gray;
   margin-left:12px;
   font-size:.8em;
}

        .blink {
            animation: blinker 2.5s linear infinite;
            color: red;
            /*font-size: 1.5em;*/
            /* Larger, responsive font size */
            margin-bottom: 20px;
        }
        
        .blink2 {
            animation: blinker 3.5s linear infinite;
            color: blue;
            /*font-size: 1.5em;*/
            /* Larger, responsive font size */
            margin-bottom: 20px;
        }
        
        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }
        
        .newupdates {
            
            
            background-color:white;
        
        }