/* Basic Styling for the RSS Viewer */
        .rss-container {
            max-width: 299px;
            height: 271px;
            width: 289px;
            border: 0 none;
            overflow-y: scroll;
            overflow-x: hidden;
            scrollbar-gutter: stable;
            display: flex;
            flex-wrap: wrap;
            align-content: flex-start;
            gap: 1px;
        }
        
        .rss-wrapper {
          border-radius: 4px;
          overflow: hidden;
          margin: 5px;
          height: 271px;
          width: 289px;
          }
          
        .rss-item {
            padding: 0px 5px 3px 5px;
            /* margin: 0px 1px 1px 0px; */
            background-color: var(--block-color);
            width: 268px;
        }

        @supports (-moz-appearance: none) {
          .rss-item {
            padding: 0px 5px 3px 7px; /* Firefox only */
            }
          }
        .rss-item:last-child {
            border-bottom: none;
            border-radius: 0px 0px 0px 5px;
        }
        .rss-item h3 {
            font-size: 12px;
            font-weight: 700;
            padding: 8px 0px 8px 0px;
            color: var(--blog-title);
        }
        .rss-item h3 a {
            text-decoration: none;
        }
        .rss-item p {
            font-size: 10px;
            color: var(--blog-text);
        }
        .rss-item p a {
            text-decoration: none;
            color: var(--blog-textlink);
        }
        .rss-item .pub-date {
            font-size: 8px;
            font-weight: 700;
            padding-left: 237px;
            color: var(--blog-date);
        }
        .textcolor {
            color: #ffa9ef;
        }
        .mood {
            margin: 0px 5px 0px 5px;
          }
        .blogimage {
            width: 268px;
            height: auto;
            outline: 1px solid #0000000d;
            margin-top: 5px;
          }
        .error {
            color: red;
            width: 289px;
            height: 271px;
            background-color: white;
            text-align: center;
          }
          
        .rss-search-bar {
          position: absolute;
          margin-left: 149px;
          height: 11px;
          width: 123px;
          margin-top: 1px;
          font-size: 10px;
          border: 1px solid var(--blog-searchborder);
          background-color: var(--blog-searchbackground);
          outline: none;
          border-radius: 3px;
          padding-left: 3px;
        }

        .rss-search-bar::placeholder {
          outline: none;
          color: var(--blog-searchfontcolor)
        }
        .rss-search-bar:focus {
          outline: none;
          color: var(--blog-searchfontcoloractive);
        }
        .rss-search-bar:active {
          outline: none;
          color: var(--blog-searchfontcoloractive);
        }
          
          
         /*
.rss-container	The main outer box holding all the feed items.
.rss-item	A single entry/article within the feed.
.rss-item h3	The title of the article.
.rss-item h3 a	The link for the article title.
.rss-item p	The description/summary text.
.pub-date	The span containing the publication date. */