:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.login{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px}.login h1{text-align:center;color:#333;margin-bottom:20px}.login form{display:flex;flex-direction:column}.login div>div{margin-bottom:15px}.login label{display:block;margin-bottom:5px;font-weight:700;color:#555}.login input{width:100%;padding:10px;border:1px solid #cccccc;border-radius:4px;font-size:14px}.login input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.login a{color:#007bff;text-decoration:none}.login a:hover{text-decoration:underline}.login button{background-color:#8a8a8a;color:#fff;padding:10px;margin-top:10px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.login button:hover{background-color:#484848}.signup{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px}.signup h1{text-align:center;color:#333;margin-bottom:20px}.signup form{display:flex;flex-direction:column}.signup div>div{margin-bottom:15px}.signup label{display:block;margin-bottom:5px;font-weight:700;color:#555}.signup input{width:100%;padding:10px;border:1px solid #cccccc;border-radius:4px;font-size:14px}.signup input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.signup a{color:#007bff;text-decoration:none}.signup a:hover{text-decoration:underline}.signup button{background-color:#8a8a8a;color:#fff;padding:10px;margin-top:10px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.signup button:hover{background-color:#484848}nav{height:80px;background-color:#eaeaea;display:flex;justify-content:space-between;align-items:center}nav .logo{margin-left:10px}nav .logo h1{cursor:pointer}nav .logo h1:hover{color:#4b4b4b;transition:color .3s ease}nav .links{margin-right:10px;display:flex;align-items:center;gap:20px}nav .links button{background-color:#6f6f6f;border:none;cursor:pointer;font-size:16px;color:#fff;padding:5px;transition:color .3s ease}nav .links a{cursor:pointer;text-decoration:none;color:#4b4b4b}nav .links a:hover{cursor:pointer;color:#000}.comments textarea{width:100%;outline:none;height:50px;font-size:1.1em;padding:10px;resize:none}.comments button{width:100px}.forum-container{max-width:800px;margin:auto}.forum-container>h2{font-size:1.2em}.forum-container .forum-card>h2{font-size:2em;margin-bottom:10px}.forum-container .forum-card .forum-card-body{border:1px solid #ccc;border-top-left-radius:15px;border-top-right-radius:15px;padding:10px}.forum-container .forum-card .forum-card-body .forum-upvotes svg{font-size:.8em}.forum-container .forum-card .forum-card-body .forum-upvotes{font-size:1em;border:1px solid black;border-radius:10px;width:fit-content;padding:3px 5px;margin-top:5px}.forum-container .forum-card .forum-card-body>p{font-size:1.1em;margin-top:10px}.forum-container .forum-card .forum-card-body .forum-card-header{display:flex;column-gap:5px;font-size:.9em;font-weight:500;align-items:center}.forum-container .comment-card{border:1px solid #ccc;background-color:#f2f2f2}.forum-container .comment-card .comment-card-edit{display:flex;flex-direction:column}.forum-container .comment-card .comment-card-edit>div{margin-bottom:10px}.forum-container .comment-card .comment-card-edit textarea{width:100%;height:50px;padding:5px;font-size:1.1em;resize:none;outline:none}.forum-container .comment-card .comment-card-body{padding:10px;display:flex;justify-content:space-between;flex-direction:column}.forum-container .comment-card .comment-card-body .comment-card-header{display:flex;justify-content:space-between}.forum-container .comment-card .comment-card-body .comment-card-header>div{display:flex;column-gap:5px;align-items:center;font-size:.9em;font-weight:500}.forum-container .comment-card .comment-card-body>p{font-size:1.1em;margin-top:10px}.forum-container button{background-color:#6f6f6f;border:none;cursor:pointer;font-size:.8em;color:#fff;font-weight:700;width:auto;padding:5px;margin-left:10px;transition:color .3s ease}.forum-container button:hover{background-color:#fff;color:#6f6f6f}.new-forum{max-width:600px;margin:auto}.new-forum h1{font-size:1.5em}.new-forum form div{display:flex;flex-direction:column;font-size:1.1em}.new-forum form div input,.new-forum form div textarea{font-size:1.1em;padding:5px}.new-forum form div textarea{resize:none;height:100px}.new-forum form button{background-color:#1ba120;border:none;cursor:pointer;font-size:1em;color:#fff;padding:5px;transition:color .3s ease;margin-top:10px}.new-forum form button:hover{color:#6f6f6f;background:#e1e1e1}.edit-forum{max-width:600px;margin:auto}.edit-forum h1{font-size:1.5em}.edit-forum form div{display:flex;flex-direction:column;font-size:1.1em}.edit-forum form div input,.edit-forum form div textarea{font-size:1.1em;padding:5px}.edit-forum form div textarea{resize:none;height:100px}.edit-forum form button{background-color:#1ba120;border:none;cursor:pointer;font-size:1em;color:#fff;padding:5px;transition:color .3s ease;margin-top:10px}.edit-forum form button:hover{color:#6f6f6f;background:#e1e1e1}main{margin:auto;max-width:800px}main .header{margin-top:10px;display:flex;justify-content:space-between;margin-bottom:10px}main .header>a{text-decoration:none;color:#474747;display:block;padding:3px 5px;font-size:.9em;background-color:#d6d6d6}main .header>a:hover{background:#8e8e8e;color:#e9e9e9}main .forums{text-decoration:none;color:#474747;display:flex;font-size:20px;font-weight:700;column-gap:20px;align-items:center;padding:15px 10px;border-bottom:1px solid black}main .forums:hover{color:#555;background:#e9e9e9}main .card-body{width:100%}main .card-body .card-header{display:flex;justify-content:space-between}main .card-body .card-header h2{font-size:1.3em}main .card-body .card-footer{display:flex;align-items:center;column-gap:5px;margin-top:10px;font-size:.8em}main .card-header h2{cursor:pointer}main .card-header h2:hover{text-decoration:underline}main .card-header button{background-color:#b0b0b0;border:none;cursor:pointer;font-size:.7em;color:#fff;width:50px;padding:5px;margin-left:10px;transition:color .3s ease}main .card-header button:hover{background-color:#fff;color:#b0b0b0}main .card-header .action-buttons{display:flex;justify-content:space-between;align-items:center}main .upvotes svg{font-size:.8em;margin-right:5px}main .upvotes{font-size:1em;border:1px solid black;border-radius:10px;padding:5px;display:flex;align-items:center}main .pagination{display:flex;justify-content:center;padding:10px}main .pagination button{margin-left:10px;margin-right:10px;padding:5px}.history{max-width:800px;margin:auto;font-size:1.2em}.history>div>div{margin-top:10px}.history a{color:#454545}.history a:hover{color:#000}