:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;min-width:0;margin:0 auto;text-align:center}.grid-container{display:grid;grid-template-areas:"main-grid right-side";grid-template-columns:3fr 1fr;position:relative;gap:2rem}@media only screen and (max-width: 1360px){#root{margin:0 2rem}}@media only screen and (max-width: 960px){.grid-container{display:flex}}.header{max-width:1280px;position:sticky;top:0;width:100%;display:flex;z-index:1;background-color:#242424}.left-container{width:20%;margin:auto;text-align:left}.logo-container{width:60%;margin:auto}.logo-container img{height:60px;margin:1rem}.icon-logo{display:none}.right-container{width:20%;margin:auto;text-align:right}@media only screen and (max-width: 550px){.text-logo{display:none}.icon-logo{display:inline}.left-container{width:20%;margin:auto;text-align:left}.logo-container{width:20%;margin:auto}.right-container{width:60%;margin:auto;text-align:right}}#logout-btn{font-size:1rem;font-weight:700;background-color:#083471;padding:1rem;border:none;border-radius:1rem}#logout-btn:hover{color:#ffffff80;cursor:pointer}.dropdown-menu{display:none;position:relative}.dropdown-menu:hover{cursor:pointer}.bar1,.bar2,.bar3{width:2rem;height:.25rem;margin:.25rem 0;background-color:#083471}@media only screen and (max-width: 960px){.dropdown-menu{display:inline-block}}.post{width:100%;background-color:#083471;margin:2rem;border-radius:1rem}.image-container{margin:0 2rem}.image-container img{width:100%}.title,.selftext,.subreddit{text-align:left;margin:2rem}a{color:#ffffffde;word-break:break-all}.title a{word-break:break-word}a:hover{color:#ffffff80}.selftext a{text-decoration:underline}.post-details{display:inline-flex;width:100%;margin:0}.author{margin:2rem;margin-left:auto}.subreddit{font-weight:700}@media only screen and (max-width: 450px){.post-details{flex-direction:column}.subreddit,.author{text-align:left;margin:1rem 2rem}}.posts-container{display:flex;min-width:0;flex-direction:column;align-items:center;grid-area:main-grid}#login-btn{font-size:2rem;background-color:#083471;padding:2rem;border:none;border-radius:1rem}#login-btn:hover{color:#ffffff80;cursor:pointer}.subreddits-container{display:flex;flex-direction:column;grid-area:right-side;margin-top:2rem;text-align:left;background-color:#083471;border-radius:1rem}.subreddits-heading{margin:2rem}@media only screen and (max-width: 960px){.subreddits-container{display:none;position:absolute;z-index:1}.show-menu{display:flex}}.subreddit-container{display:flex;align-items:center}.subreddit-container:hover{color:#ffffff80;cursor:pointer}.active{background-color:#18181880}.subreddit-name{margin-right:2rem}.subreddit-icon-img{margin:1rem;height:2rem;width:2rem}p.subreddit-icon-img{line-height:2rem;font-weight:700;text-align:center;background-color:#ffffffde;color:#242424;border-radius:1rem;text-transform:uppercase}