body {
   background-color:#ecf9f2;
}

img, video {
   border-radius: 4px;  
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
header {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
      color: green;
}

footer {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   background-color: #26734d;
   color: white;
}
p, dd
   {
   text-align: justify;
   }

a {
   cursor: pointer;
}

.navbar {
   overflow: hidden;
   background-color: #26734d;
}

.navbar a {
   float: left;
   font-size: 16px;
   color: white;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
}

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

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

.navbar a:hover, .dropdown:hover .dropbtn {
   background-color: #26734d;
}

.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;
}

.dropdown-content a:hover {
   background-color: #ddd;
}

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

.section {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   padding: 20px;
}

.section > img {
   width: 70%;
   height: 300px;
   margin-bottom: 20px;
   object-fit: cover;
}

.section > div {
   width: 70%;
   padding: 20px;
   background-color: #f9f9f9;
   border-radius: 8px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.section h2 {
   text-align: center;
}

.section p {
   line-height: 1.6;
}

.section .section-sorce {
   background-color: rgba(0, 0, 0, 0.103);
   text-align: center;
}

.section a {
   color: #168f52;
}

.scroll-frame {
   overflow-y: scroll;
}

.hideElement {
   display: none;
}