#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}:root{color-scheme:light dark}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #ffffffaa)}.hidden{display:none}.card{padding:2em}.header{border-bottom:1px #ddd;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.header a{color:#fff;background-color:#007d41;padding:10px 20px;margin:5px;border-radius:24px;font-size:16px;font-weight:700;transition:background-color .3s,transform .3s}.header a:hover{background-color:#00532b;transform:scale(1.05);color:#fff}.navigation{display:flex;gap:10px;align-items:center}.navigation .avatar{width:30px;height:auto;border-radius:25%;vertical-align:middle;object-fit:cover}.logged-in-user{color:gold!important;font-weight:bolder;border:2px solid gold;padding:2px 8px}.article-card{border:2px solid transparent;border-radius:12px;overflow:hidden;margin:16px;padding:16px;color:#050505;box-shadow:0 4px 8px #0003;font-family:Arial,Helvetica,sans-serif}.article-card img{width:100%;height:auto;display:block;border-radius:12px}.article-card .author-in-topic{font-size:14px;color:#555}.article-card .num-votes{font-style:;font-size:20px;font-weight:700;color:#333;margin:8px}.article-card h3{font-size:24px}.article-card p{font-size:14px;margin:8px}.article-card .author-topic{color:#2c783e}.article-card .body{font-size:16px;text-align:left}.article-link{text-decoration:none;color:inherit;cursor:pointer;transition:text-shadow .3s ease}.article-link:hover{color:currentColor;text-shadow:0 0 5px rgba(11,66,16,.2)}.comments-list{margin-top:40px;display:flex;flex-direction:column}.comment-card{border:2px solid transparent;margin:14px;padding:8px;text-align:left;border-radius:12px;box-shadow:0 4px 8x #0000001a;overflow:hidden}.comment-card .header{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;padding:8px}.comment-card .body{margin:12px 20px}.comment-card .time-since-posted{margin:0;color:#465042}.comment-card .avatar{margin-right:8px}.comment-card .body{margin:9px 20px}.comment-card .votes{font-size:16px;font-weight:400;color:#3c4a37f2}.comment-card .dot{color:#465042;margin:8px}.votes{display:flex;align-items:center}.vote-button{font-size:20px;padding:1px;transition:color .3s ease;border-radius:16px;background-color:#f5f5f5}.upvote{color:green}.downvote{color:red}.expandable{color:inherit;padding:12px;border:none;text-align:left;font-size:16px}.expandable .submit{background-color:#00532b;font-size:12px;font-weight:bolder}.comment-form{display:flex;flex-direction:column;align-items:stretch;margin:14px;padding:4px;text-align:left;border-radius:4px;overflow:hidden;max-width:200px;width:100%}.comment-form textarea[type=text]{padding:12px;width:100%;box-sizing:border-box;border:1px solid transparent;border-radius:4px;transition:height .3s ease;flex-grow:1;resize:vertical;min-height:40px}.comment-form textarea[type=text]:focus{min-height:100px}.comment-form.expanded{max-width:90%}.comment-form .submit{margin-top:10px;cursor:pointer;background-color:#008143;font-size:12px;font-weight:bolder;border-radius:4px;border:none;align-self:flex-end}.list-button{background:none;border:none;font-size:18px}.posted-comment.flash{animation:flash 1.5s ease-out}@keyframes flash{0%{background-color:#00930ccc;border-radius:12px}to{background-color:transparent}}.delete{background-color:#e00;color:#f5f5f5;font-size:12px;font-weight:700}.topic-card{border:2px solid transparent;border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.topic-card-content{padding:8px;background-color:#07a358}.topic-card-title{margin:0;font-size:2em;color:#f5f5f5}.topic-card-description{margin:0;font-size:1.4em;color:#daffe7}.topic-card:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.dropdown{display:flex;gap:10px}.dropdown select{background-color:#07924f;color:#fff;font-size:16px;font-weight:700;border-radius:20px;padding:10px 30px 10px 20px;border:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-align:center;display:inline-flex}.custom-select{position:relative;display:inline-block}.custom-select:after{content:"🢗";font-size:18px;color:#fff;padding:12px,16px;position:absolute;top:50%;left:15px;transform:translateY(-50%);pointer-events:none}.custom-select option:hover{background-color:#07a358}.custom-select select:focus{background-color:#07a358}:root{font-family:Inter,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}}