/* styles_blog.css */

/* Global styles */
body {
    font-family: Arial, sans-serif; /* Example font-family */
    line-height: 1.6;
    /* background: linear-gradient(115deg, rgba(86,86,88,1) 3%, rgba(38,39,42,1) 29%, rgba(0,1,5,1) 48%, rgba(33,34,37,1) 72%, rgba(79,79,81,1) 96%); */
    /* background-image: url("https://t4.ftcdn.net/jpg/04/66/30/15/360_F_466301575_DiImYSdBLuwll5OgZs2aerLDDrl8b8nQ.jpg"); */
    background: rgb(4,4,4);
background: -moz-linear-gradient(323deg, rgba(4,4,4,1) 0%, rgba(28,28,29,1) 55%, rgba(49,49,51,1) 65%, rgba(59,59,61,1) 68%, rgba(0,0,0,1) 83%, rgba(65,65,67,1) 98%);
background: -webkit-linear-gradient(323deg, rgba(4,4,4,1) 0%, rgba(28,28,29,1) 55%, rgba(49,49,51,1) 65%, rgba(59,59,61,1) 68%, rgba(0,0,0,1) 83%, rgba(65,65,67,1) 98%);
background: linear-gradient(323deg, rgba(4,4,4,1) 0%, rgba(28,28,29,1) 55%, rgba(49,49,51,1) 65%, rgba(59,59,61,1) 68%, rgba(0,0,0,1) 83%, rgba(65,65,67,1) 98%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#040404",endColorstr="#414143",GradientType=1);
   background-attachment: fixed;
   background-size: cover;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Ensure full viewport height */
  }
 
  
  .full-blog-container {
    max-width: 800px; /* Limit content width */
    padding: 20px;
    background-color: #ffffff; /* White background */
    box-shadow: 0 0 100px rgba(49, 49, 49, 0.5); /* Light shadow */
    border-radius: 10px; /* Rounded corners */
    
    color: white;
    background-color: rgb(20, 20, 20);
  }
  
  h1 {
    text-align: center; /* Center align heading */
  }
  
  img {
    display: block; /* Ensure image is block-level for margin auto */
    margin: 0 auto 20px; /* Center image horizontally with bottom margin */
    max-width: 100%; /* Responsive image width */
    height: auto; /* Maintain aspect ratio */
  }
  
  h3 {
    color: #0ca0d2; /* Bootstrap primary color for headings */
  }
  
  p {
    font-size: 1.1rem; /* Larger text size */
    line-height: 1.8; /* Increased line height for readability */
  }
  
  ul {
    margin-top: 10px; /* Top margin for unordered lists */
  }
  
  /* Footer styles */
  footer {
    background-color: #007bff; /* Bootstrap primary color */
    color: #fff; /* White text */
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  
  /* Styles for the iframe container */
/* Styles for the iframe container */
.iframe-container {
  opacity: 1;
  position: fixed;
  bottom: 100px; /* Adjust the distance from the bottom */
  right: 0.3px;  /* Adjust the distance from the right */
  width: 300px; /* Set the width of the iframe */
  height: 350px; /* Set the height of the iframe */
  z-index: 1000; /* Ensure it appears above other content */
}

.iframe-container iframe {
  width: 100%;
  height: 100%;
  border: none;
}