#afterheader {  font-family: "Belanosima", serif;
    font-weight: 500;
    font-style: normal; font-size: larger;
              margin: 0;
              /* background-color: pink; */
              display: flex;
              flex-direction: column;
              justify-content:flex-start; 
               align-items: center;
              height: max-content; padding-bottom: 200px; padding-top: -200px;
              overflow: hidden; 
           } 
  
       
  
          #flash-container { margin-top: -200px;
              width: 500px; /* Use full viewport width */
              height: 400px; /* Use full viewport height */
              display: flex; 
              flex-direction: column-reverse;
              /* justify-content: flex-start; */
              align-items:center;
              /* position: relative; */
            
          }
  
  
          @media only screen and (max-width: 1300px) {
    
    #flash-container {
      margin-top: -100px;
    }
  
  }
  
          @media only screen and (max-width: 1000px) {
             #afterheader  {
      padding-top: 100px;  
    }
    #flash-container {
      margin-top: 50px;
    }
  
  }
  
  
          body{ 
  
  }
          
          /* canvas {
              max-width: 100%;
              max-height: 100%; 
              object-fit: contain; 
          } */
          
  
  .button { display: flex ; gap:20px;
     justify-content: center; align-items: center;
      border: none;
      cursor: pointer;
      font-size: 20px;
      border-radius: 50px;
      transition: background-color 0.3s ease;  
  }
  
  
  /* Like button styles */
  .like {
      background-color: #e0e0e0; padding: 10px;
  }
  
  .like.liked {
      background-color: #4caf50; /* Green when liked */
      color: white;
  }
  
  /* Dislike button styles */
  .dislike {
      background-color: #e0e0e0; padding: 10px;
  }
  
  .dislike.disliked {
      background-color: #f44336; /* Red when disliked */
      color: white;
  }
  .reaction { display: flex;  align-items: center; justify-content: center; padding: 10px; gap: 5px;}
  
  /* Count text styling */
  .count { padding-top: 4px;
      font-size: 20px;
      margin-top: 2px; 
  }