.elms-26681 .elms-element.elms-element-5ca2288{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-26681 .elms-element.elms-element-cc86d91{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elms-26681 .elms-element.elms-element-51e2e33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-widget-icon-box.elms-view-stacked .elms-icon{background-color:var( --e-global-color-primary );}.elms-widget-icon-box.elms-view-framed .elms-icon, .elms-widget-icon-box.elms-view-default .elms-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elms-widget-icon-box .elms-icon-box-title, .elms-widget-icon-box .elms-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elms-widget-icon-box .elms-icon-box-title{color:var( --e-global-color-primary );}.elms-widget-icon-box:has(:hover) .elms-icon-box-title,
.elms-widget-icon-box:has(:focus) .elms-icon-box-title{color:var( --e-global-color-primary );}.elms-widget-icon-box .elms-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elms-26681 .elms-element.elms-element-c7eb111 .elms-icon-box-wrapper{text-align:left;}.elms-26681 .elms-element.elms-element-c7eb111{--icon-box-icon-margin:0px;}.elms-26681 .elms-element.elms-element-c7eb111.elms-view-stacked .elms-icon{background-color:#5F3636;}.elms-26681 .elms-element.elms-element-c7eb111.elms-view-framed .elms-icon, .elms-26681 .elms-element.elms-element-c7eb111.elms-view-default .elms-icon{fill:#5F3636;color:#5F3636;border-color:#5F3636;}.elms-26681 .elms-element.elms-element-c7eb111 .elms-icon{font-size:42px;}.elms-26681 .elms-element.elms-element-c7eb111 .elms-icon-box-title{color:#000000;}.elms-26681 .elms-element.elms-element-c7eb111 .elms-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:600;color:#7E0000;}.elms-26681 .elms-element.elms-element-3809794{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-26681 .elms-element.elms-element-c6bd082 .elms-icon-box-wrapper{text-align:left;}.elms-26681 .elms-element.elms-element-c6bd082{--icon-box-icon-margin:0px;}.elms-26681 .elms-element.elms-element-c6bd082.elms-view-stacked .elms-icon{background-color:#5F3636;}.elms-26681 .elms-element.elms-element-c6bd082.elms-view-framed .elms-icon, .elms-26681 .elms-element.elms-element-c6bd082.elms-view-default .elms-icon{fill:#5F3636;color:#5F3636;border-color:#5F3636;}.elms-26681 .elms-element.elms-element-c6bd082 .elms-icon{font-size:42px;}.elms-26681 .elms-element.elms-element-c6bd082 .elms-icon-box-title{color:#000000;}.elms-26681 .elms-element.elms-element-c6bd082 .elms-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:600;color:#7E0000;}.elms-26681 .elms-element.elms-element-81f8d0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-widget-nested-tabs.elms-widget-n-tabs > .elms-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elms-widget-nested-tabs.elms-widget-n-tabs > .elms-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elms-widget-nested-tabs.elms-widget-n-tabs > .elms-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elms-widget-nested-tabs.elms-widget-n-tabs > .elms-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elms-26681 .elms-element.elms-element-01c05c4{--display:flex;}.elms-26681 .elms-element.elms-element-44c6afd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elms-widget-text-editor.elms-drop-cap-view-stacked .elms-drop-cap{background-color:var( --e-global-color-primary );}.elms-widget-text-editor.elms-drop-cap-view-framed .elms-drop-cap, .elms-widget-text-editor.elms-drop-cap-view-default .elms-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elms-26681 .elms-element.elms-element-e007189{color:#000000;}.elms-26681 .elms-element.elms-element-43d26e7{--display:flex;}.elms-26681 .elms-element.elms-element-2584f31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-26681 .elms-element.elms-element-b7b61e4{--display:flex;}.elms-26681 .elms-element.elms-element-2b42768{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-26681 .elms-element.elms-element-1e7fef6{color:#000000;}.elms-26681 .elms-element.elms-element-1b41f5c{--display:flex;}.elms-26681 .elms-element.elms-element-68abb1c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-26681 .elms-element.elms-element-7b76d96{--display:flex;}.elms-26681 .elms-element.elms-element-ee6f98d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-26681 .elms-element.elms-element-f459994{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elms-26681 .elms-element.elms-element-1afed65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-26681 .elms-element.elms-element-e2754e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elms-26681 .elms-element.elms-element-51e2e33{--width:50%;}.elms-26681 .elms-element.elms-element-3809794{--width:50%;}}body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
color: #333;
}
.container {
max-width: 800px;
margin: auto;
padding: 20px;
}
h1 {
color: #d4a017; 
font-size: 2.5em;
text-align: center;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
p {
font-size: 1.1em;
line-height: 1.8;
color: #444;
text-align: justify;
margin-bottom: 20px;
}
.highlight {
background-color: #e8f5e9; 
padding: 15px;
border-left: 5px solid #4caf50; 
margin-bottom: 20px;
}
strong {
color: #2e7d32; 
}
.footer {
text-align: center;
margin-top: 40px;
font-size: 0.9em;
color: #666;
}
@media screen and (max-width: 600px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
p {
font-size: 1em;
}
}
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
color: #d4a017; 
text-align: center;
font-size: 2.5em;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
h2 {
color: #2e7d32; 
font-size: 1.8em;
margin-top: 30px;
}
p {
font-size: 1.1em;
margin-bottom: 20px;
text-align: justify;
}
.highlight {
background-color: #e8f5e9; 
padding: 15px;
border-left: 5px solid #4caf50;
margin-bottom: 20px;
}
.footer {
text-align: center;
margin-top: 40px;
font-size: 0.9em;
color: #666;
}
@media screen and (max-width: 600px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
p {
font-size: 1em;
}
}
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
Light neutral background */
color: #333;
}
.container {
max-width: 1200px;
margin: auto;
padding: 20px;
}
h1 {
color: #d4a017; 
font-size: 2.5em;
text-align: center;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.search-bar {
margin-bottom: 20px;
}
.search-bar input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 2px solid #4caf50; 
border-radius: 5px;
outline: none;
}
.search-bar input::placeholder {
color: #999;
}
table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
th, td {
padding: 12px;
border: 1px solid #ddd;
text-align: left;
font-size: 14px;
}
th {
background-color: #e8f5e9; 
color: #2e7d32; 
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f9f9f9; 
}
tr:hover {
background-color: #e8f5e9; 
}
@media screen and (max-width: 800px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
th, td {
padding: 8px;
font-size: 12px;
}
.search-bar input {
font-size: 14px;
padding: 8px;
}
}
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
color: #d4a017; 
text-align: center;
font-size: 2.5em;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
h2 {
color: #2e7d32; 
font-size: 1.8em;
margin-top: 30px;
}
p {
font-size: 1.1em;
margin-bottom: 20px;
text-align: justify;
}
.highlight {
background-color: #e8f5e9; 
padding: 15px;
border-left: 5px solid #4caf50;
margin-bottom: 20px;
}
.footer {
text-align: center;
margin-top: 40px;
font-size: 0.9em;
color: #666;
}
@media screen and (max-width: 600px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
p {
font-size: 1em;
}
}
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
Light neutral background */
color: #333;
}
.container {
max-width: 1200px;
margin: auto;
padding: 20px;
}
h1 {
color: #d4a017; 
font-size: 2.5em;
text-align: center;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.search-bar {
margin-bottom: 20px;
}
.search-bar input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 2px solid #4caf50; 
border-radius: 5px;
outline: none;
}
.search-bar input::placeholder {
color: #999;
}
table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
th, td {
padding: 12px;
border: 1px solid #ddd;
text-align: left;
font-size: 14px;
}
th {
background-color: #e8f5e9; 
color: #2e7d32; 
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f9f9f9; 
}
tr:hover {
background-color: #e8f5e9; 
}
@media screen and (max-width: 800px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
th, td {
padding: 8px;
font-size: 12px;
}
.search-bar input {
font-size: 14px;
padding: 8px;
}
}
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
color: #d4a017; 
text-align: center;
font-size: 2.5em;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
h2 {
color: #2e7d32; 
font-size: 1.8em;
margin-top: 30px;
}
p {
font-size: 1.1em;
margin-bottom: 20px;
text-align: justify;
}
.highlight {
background-color: #e8f5e9; 
padding: 15px;
border-left: 5px solid #4caf50;
margin-bottom: 20px;
}
.footer {
text-align: center;
margin-top: 40px;
font-size: 0.9em;
color: #666;
}
@media screen and (max-width: 600px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
p {
font-size: 1em;
}
}
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
Light neutral background */
color: #333;
}
.container {
max-width: 1200px;
margin: auto;
padding: 20px;
}
h1 {
color: #d4a017; 
font-size: 2.5em;
text-align: center;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.search-bar {
margin-bottom: 20px;
}
.search-bar input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 2px solid #4caf50; 
border-radius: 5px;
outline: none;
}
.search-bar input::placeholder {
color: #999;
}
table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
th, td {
padding: 12px;
border: 1px solid #ddd;
text-align: left;
font-size: 14px;
}
th {
background-color: #e8f5e9; 
color: #2e7d32; 
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f9f9f9; 
}
tr:hover {
background-color: #e8f5e9; 
}
@media screen and (max-width: 800px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
th, td {
padding: 8px;
font-size: 12px;
}
.search-bar input {
font-size: 14px;
padding: 8px;
}
}
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
color: #d4a017; 
text-align: center;
font-size: 2.5em;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
h2 {
color: #2e7d32; 
font-size: 1.8em;
margin-top: 30px;
}
p {
font-size: 1.1em;
margin-bottom: 20px;
text-align: justify;
}
.highlight {
background-color: #e8f5e9; 
padding: 15px;
border-left: 5px solid #4caf50;
margin-bottom: 20px;
}
.footer {
text-align: center;
margin-top: 40px;
font-size: 0.9em;
color: #666;
}
@media screen and (max-width: 600px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
p {
font-size: 1em;
}
}
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
Light neutral background */
color: #333;
}
.container {
max-width: 1200px;
margin: auto;
padding: 20px;
}
h1 {
color: #d4a017; 
font-size: 2.5em;
text-align: center;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.search-bar {
margin-bottom: 20px;
}
.search-bar input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 2px solid #4caf50; 
border-radius: 5px;
outline: none;
}
.search-bar input::placeholder {
color: #999;
}
table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
th, td {
padding: 12px;
border: 1px solid #ddd;
text-align: left;
font-size: 14px;
}
th {
background-color: #e8f5e9; 
color: #2e7d32; 
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f9f9f9; 
}
tr:hover {
background-color: #e8f5e9; 
}
@media screen and (max-width: 800px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
th, td {
padding: 8px;
font-size: 12px;
}
.search-bar input {
font-size: 14px;
padding: 8px;
}
}
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
color: #d4a017; 
text-align: center;
font-size: 2.5em;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
h2 {
color: #2e7d32; 
font-size: 1.8em;
margin-top: 30px;
}
p {
font-size: 1.1em;
margin-bottom: 20px;
text-align: justify;
}
.highlight {
background-color: #e8f5e9; 
padding: 15px;
border-left: 5px solid #4caf50;
margin-bottom: 20px;
}
.footer {
text-align: center;
margin-top: 40px;
font-size: 0.9em;
color: #666;
}
@media screen and (max-width: 600px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
p {
font-size: 1em;
}
}
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
Light neutral background */
color: #333;
}
.container {
max-width: 1200px;
margin: auto;
padding: 20px;
}
h1 {
color: #d4a017; 
font-size: 2.5em;
text-align: center;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.search-bar {
margin-bottom: 20px;
}
.search-bar input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 2px solid #4caf50; 
border-radius: 5px;
outline: none;
}
.search-bar input::placeholder {
color: #999;
}
table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
th, td {
padding: 12px;
border: 1px solid #ddd;
text-align: left;
font-size: 14px;
}
th {
background-color: #e8f5e9; 
color: #2e7d32; 
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f9f9f9; 
}
tr:hover {
background-color: #e8f5e9; 
}
@media screen and (max-width: 800px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
th, td {
padding: 8px;
font-size: 12px;
}
.search-bar input {
font-size: 14px;
padding: 8px;
}
}
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
color: #d4a017; 
text-align: center;
font-size: 2.5em;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
h2 {
color: #2e7d32; 
font-size: 1.8em;
margin-top: 30px;
}
p {
font-size: 1.1em;
margin-bottom: 20px;
text-align: justify;
}
.highlight {
background-color: #e8f5e9; 
padding: 15px;
border-left: 5px solid #4caf50;
margin-bottom: 20px;
}
.footer {
text-align: center;
margin-top: 40px;
font-size: 0.9em;
color: #666;
}
@media screen and (max-width: 600px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
p {
font-size: 1em;
}
}
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
Light neutral background */
color: #333;
}
.container {
max-width: 1200px;
margin: auto;
padding: 20px;
}
h1 {
color: #d4a017; 
font-size: 2.5em;
text-align: center;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.search-bar {
margin-bottom: 20px;
}
.search-bar input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 2px solid #4caf50; 
border-radius: 5px;
outline: none;
}
.search-bar input::placeholder {
color: #999;
}
table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
th, td {
padding: 12px;
border: 1px solid #ddd;
text-align: left;
font-size: 14px;
}
th {
background-color: #e8f5e9; 
color: #2e7d32; 
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f9f9f9; 
}
tr:hover {
background-color: #e8f5e9; 
}
@media screen and (max-width: 800px) {
.container {
padding: 15px;
}
h1 {
font-size: 2em;
}
th, td {
padding: 8px;
font-size: 12px;
}
.search-bar input {
font-size: 14px;
padding: 8px;
}
}
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
color: #333;
}
.elms-widget-container {
max-width: 800px;
margin: auto;
padding: 20px;
}
h2 {
color: #d4a017; 
font-size: 28px;
margin-bottom: 16px;
text-align: center;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
h3 {
color: #2e7d32; 
font-size: 22px;
margin-top: 30px;
}
p {
font-size: 16px;
line-height: 1.8;
color: #444;
text-align: justify;
}
.highlight {
padding: 15px;
border-left: 5px solid #4caf50; 
margin-bottom: 20px;
}
strong {
color: #2e7d32; 
}
@media screen and (max-width: 600px) {
.elms-widget-container {
padding: 15px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
p {
font-size: 14px;
}
}
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
color: #333;
}
.container {
max-width: 800px;
margin: auto;
padding: 20px;
}
h2 {
color: #d4a017; 
font-size: 28px;
text-align: center;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.search-bar {
margin-bottom: 20px;
}
.search-bar input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 2px solid #4caf50; 
border-radius: 5px;
outline: none;
}
.search-bar input::placeholder {
color: #999;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
background-color: #fff;
}
th, td {
padding: 12px;
border: 1px solid #ddd;
text-align: left;
}
th {
background-color: #e8f5e9; 
color: #2e7d32; 
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f9f9f9; 
}
tr:hover {
background-color: #e8f5e9; 
}
button {
background-color: #4caf50; 
color: #fff;
border: none;
padding: 8px 16px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
}
button:hover {
background-color: #2e7d32; 
}
iframe {
width: 100%;
height: 450px;
border: 0;
margin-top: 20px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 600px) {
.container {
padding: 15px;
}
h2 {
font-size: 24px;
}
th, td {
padding: 8px;
font-size: 14px;
}
button {
padding: 6px 12px;
font-size: 12px;
}
iframe {
height: 300px;
}
}