body{margin:0;overflow-y:hidden;padding:0}header{align-items:center;background-color:#161616;color:#fff;display:flex;flex-direction:row;font-size:.85em;gap:2em;height:5.5vh;justify-content:center;position:fixed;width:100vw}#initialMessage *,h1{margin:0 0 0 10px}nav{background-color:#2a2a2a;flex-direction:row;font-size:.7em;gap:1em;justify-content:left;overflow-x:auto;padding:0 0 0 2em;position:fixed;top:5.5vh;width:100vw}nav,nav h2{display:flex}nav h2{align-items:center;font-weight:100;margin:0;padding:1px 15px}nav h2 aside{display:inline;font-size:.8em;font-weight:100}nav h2:last-child{margin-right:2em}nav h2:last-child svg{padding-top:4px;width:1.25em!important}nav a{color:#fff;font-weight:700;text-decoration:none}nav .active{background-color:#890000}header,nav{z-index:1}main{column-count:2;height:82vh;padding-bottom:1em;padding-left:1em;position:absolute;top:12vh;z-index:0}.displayLoader main{width:100vw}.displayLoader main p{left:35%;position:absolute}body.displaySections{overflow:hidden}.displaySections main{column-count:auto;height:86vh;overflow-y:auto;width:100vw}.displaySections main div{column-count:1;column-gap:2.5em;margin-top:30px;max-height:30vh;width:250px}body.displayInfo{overflow-y:auto}.displayInfo main{column-count:1;font-size:1.25em;height:auto;padding:0 30% 2em;width:650px}pre{border:1px solid grey;overflow-x:scroll;padding:20px 10px}.rss-element{border-radius:5px;margin:10px 0;overflow:hidden;padding:5px 10px;width:250px}.displaySections main div:first-child{margin:0}.rss-element.fewHoursAgo{background-color:#999}.rss-element.fewDaysAgo{background-color:#ccc}.rss-element.someDaysAgo{background-color:#eee}.rss-element.fewWeeksAgo{border:1px solid #ccc}.rss-title{font-size:.95em;margin:0 0 .75em;overflow-wrap:anywhere}a{color:#4a0706}.rss-description{font-size:.9em}.rss-publicationDate{display:block;font-style:italic;margin-top:.5em}#loader{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:block;height:100px;left:40%;margin:5em auto;padding:20px;position:absolute;text-align:center;width:100px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}input{width:100%}@media screen and (max-width:500px){body{overflow-y:auto}header{font-size:.65em}nav{padding-left:.5em}nav h2{font-size:1.2em;padding:0 5px}nav h2 aside{display:block;font-size:.7em}main{column-count:1;height:auto}.rss-element{width:80vw}#loader{left:20%}.displayInfo main{font-size:.9em;overflow-wrap:break-word;padding:0 1em;width:90%}.displayLoader main p{left:5%;width:80%}}