<style>

 .description a {
      color: white;
      text-decoration: none; /* Optional: Remove underline on the link */
    }

.pb-4, .py-4 {
    text-align: center;
}

 body {
            text-align: center;
    background-color: #fff8f8 !important;

        }
  .gallery-container {
  font-family: "Roboto", sans-serif;
}

.gallery-container .gallery-heading {
  font-size: 32px;
  text-align: center;
  color: #222;
  text-transform: uppercase;
}

.images-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px;
}

.images-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 500ms;
}

.images-container .image {
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.images-container .image .description {
  position: absolute;
  bottom: -100px;
  padding: 24px;
  background: #222;
  color: #eee;
  line-height: 1.8;
  font-size: 16px;
  opacity: 0;
  transition: 500ms;
}

.images-container .image:hover .description {
  opacity: 1;
  bottom: 0;
}

.images-container .image:hover img {
  opacity: 0.5;
}

@media (max-width: 1200px) {
  .images-container .image {
    height: 240px;
  }
}

@media (max-width: 1000px) {
  .images-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 800px) {
  .images-container .image {
    height: 200px;
  }
}

@media (max-width: 650px) {
  .images-container {
    grid-template-columns: 1fr;
  }

  .images-container .image {
    height: 300px;
  }
}
  
  </style>
<style id='page-skin-1' type='text/css'><!--
.navbar-brand img:hover{animation:rubberBand 1.2s ease}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.status-msg-wrap,.blog-pager,.blog-feeds,.widget-item-control {
display: none;
}
.adMargin{margin-top:12rem!important}.modifiedAd{width:320px;height:250px}@media(min-width:500px){.modifiedAd{width:320px;height:250px}}@media(min-width:800px){.modifiedAd{width:728px;height:90px}}a{text-decoration:none}@media(max-width:748px){html,body{overflow-x:hidden}body{position:relative}.cList{margin-top:-40px!important}.tContent{display:none}}h1{font-size:1.8rem}h2{font-size:1.45rem}h3{font-size:1.25rem}h1,h2,h3,h4,h5,h6{}.display-4{font-size:2.5rem}@media(min-width:768px){.display-4{font-size:3rem}}.flex-auto{flex:0 0 auto}.h-250{height:250px}@media(min-width:768px){.h-md-250{height:250px}}.bchar{background-color:#99caff}.bcard{background-color:#eaf6fc}.aad{min-height:250px}.blog-post{margin-bottom:1rem}.blog-post-title{margin-bottom:.25rem;font-size:2.5rem}.blog-post-meta{margin-bottom:1.25rem;color:#727272}.blog-footer{padding:2.5rem 0;color:#727272;text-align:center;background-color:#f9f9f9;border-top:.05rem solid #e5e5e5;margin-top:2rem}.blog-footer p:last-child{margin-bottom:0}.card{border:none;height:100%}.copy-button{height:33px;width:65px;display:flex;justify-content:center;align-items:center;position:relative}.text-line{font-size:14px}.characters-list a:link{text-decoration:none;color:#1c2733}.list-item{margin:0;padding:0}.list-item a{width:100%;padding:8px;color:#1c2733}.list-item:hover{background-color:#1c2733}.list-item a:hover{color:#fff}.list-top{background:#f4f4f4;color:#000;font-weight:700}.copyBtn{width:180px}.mainC{min-height:calc(100vh - 20vh)}.characterBox{text-align:center;width:190px;height:180px;font-size:4em;padding:100px;border:1px solid grey}#tableChar{cursor:pointer}#tableChar:hover{background-color:#eaeaea}#blankF{display:none}.g-button{height:36px;width:100px;display:flex;justify-content:center;align-items:center;position:relative}
blockquote {
background: linear-gradient(45deg, #eddbff, transparent);
color: rebeccapurple;
margin-left: 25;
margin-right: 25;
padding: 1em;
border-radius: 4px;
}
.button-group.expanded .button {
font-size: 30;
}
.navbar-brand {
font-size: 50;
font-size:5vw;
width: 50px; height: 50px;
font-weight: 1000;
color: #28a745;
}
.text-dark {
font-size: 35;
}
.text-center {
background-color: #e9ecef;
}
--#{$prefix}accordion-color: #{$accordion-color};
--#{$prefix}accordion-bg: #{$accordion-bg};
--#{$prefix}accordion-transition: #{$accordion-transition};
--#{$prefix}accordion-border-color: #{$accordion-border-color};
--#{$prefix}accordion-border-width: #{$accordion-border-width};
--#{$prefix}accordion-border-radius: #{$accordion-border-radius};
--#{$prefix}accordion-inner-border-radius: #{$accordion-inner-border-radius};
--#{$prefix}accordion-btn-padding-x: #{$accordion-button-padding-x};
--#{$prefix}accordion-btn-padding-y: #{$accordion-button-padding-y};
--#{$prefix}accordion-btn-color: #{$accordion-button-color};
--#{$prefix}accordion-btn-bg: #{$accordion-button-bg};
--#{$prefix}accordion-btn-icon: #{escape-svg($accordion-button-icon)};
--#{$prefix}accordion-btn-icon-width: #{$accordion-icon-width};
--#{$prefix}accordion-btn-icon-transform: #{$accordion-icon-transform};
--#{$prefix}accordion-btn-icon-transition: #{$accordion-icon-transition};
--#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
--#{$prefix}accordion-btn-focus-border-color: #{$accordion-button-focus-border-color};
--#{$prefix}accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
--#{$prefix}accordion-body-padding-x: #{$accordion-body-padding-x};
--#{$prefix}accordion-body-padding-y: #{$accordion-body-padding-y};
--#{$prefix}accordion-active-color: #{$accordion-button-active-color};
--#{$prefix}accordion-active-bg: #{$accordion-button-active-bg};

--></style>
<style>
        html, body {
            margin: 0;
            padding: 0;
            height: 100%;
         background: #fff8f8;
        }

        #container {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        #header {
            padding: auto; /* Add some padding for better styling */
        }

        #body {  F8F9FA
            flex: 1;
            padding: 10px;
        }

        #footer {
            flex-shrink: 0;
            height: 2.5rem; /* Height of the footer */
            width: 100%;
            margin-top: auto; /* Push the footer to the bottom */
    
        }
     
     a {
    text-decoration: none;
}

    </style>
<style>
  .post-body.entry-content blockquote {
   text-size: 45px;
     text-align: center;
  text-transform: uppercase;
  color: #f8f9fa;
   background: #ffa500;  
   font-weight: 1024;
    margin: 0 auto;
    padding: 10px;
    border-radius: 9px;
    font-optical-sizing: revert;
   
   
   }
   
   
.post-body.entry-content ol, .post-body.entry-content ul {
    background-color: whitesmoke;
    padding-left: 2rem;
    margin: 8px 0;
    border-radius: 9px;
    font-optical-sizing: revert;
}
  
.post-body.entry-content li {
   
   
    list-style-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZmlsbD0iIzhkYzYzZiIgZD0iTTYuMSAxLjJMMy4zIDQgMS45IDIuNi41IDRsMi44IDIuOCA0LjItNC4yeiIvPjwvc3ZnPg==);
  background-size: 100% 100%;
       margin: 8px 0;
   
    border-radius: 9px;
    font-optical-sizing: revert;
    padding-left: 2px;
}

  </style>
<script>
    //<![CDATA[
    var lazyloadads=false;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&false===lazyloadads||0!=document.body.scrollTop&&false===lazyloadads)&&(!function( ){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle .js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyloadads=true)},true);
    //]]>
  </script>
<style>
/* Basic table styles */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table, th, td {
    border: 1px solid #ccc;
}

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

/* Responsive styles using media queries */
@media (max-width: 768px) {
    table {
        display: block;
    }

    table thead {
        display: none;
    }

    table tbody {
        display: block;
    }

    table tbody tr {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 1px solid #ccc;
    }

    table tbody td {
        text-align: center;
        width: 100%;
        padding: 5px;
    }

    table tbody td::before {
        content: attr(data-label);
        font-weight: bold;
    }
}

   .text-center {
    background-color: #F8F9FA;
}

</style>
