:root{--primary-color:#231942;--secondary-color:#ad4c2b;--accent-color:#e6cb8c;--neutral-color:#b1a0a0;--text-color:#03071e;--border-radius:8px;--transition-speed:0.3s;--background-color:#848cc157}body{background-color:#848cc157;background-color:var(--background-color);color:#03071e;color:var(--text-color);font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0}.navbar{align-items:center;background-color:#231942;background-color:var(--primary-color);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.navbar a{color:#fff;margin:0 15px;text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}.navbar a:hover{color:#e6cb8c;color:var(--accent-color)}button{align-self:center;background-color:#ad4c2b;background-color:var(--secondary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;min-width:150px;padding:10px 20px;transition:background-color .3s;transition:background-color var(--transition-speed);width:-webkit-fit-content;width:fit-content}button:hover{background-color:#231942;background-color:var(--primary-color)}form{background-color:#fff;box-shadow:0 4px 8px #0000001a;margin:20px auto;max-width:400px;padding:20px}form,input,select,textarea{border:1px solid #b1a0a0;border:1px solid var(--neutral-color);border-radius:8px;border-radius:var(--border-radius)}input,select,textarea{margin:10px 0;padding:10px;transition:border-color .3s;transition:border-color var(--transition-speed);width:100%}input:focus,select:focus,textarea:focus{border-color:#231942;border-color:var(--primary-color);outline:none}.post-card{background-color:#fff;border:1px solid #b1a0a0;border:1px solid var(--neutral-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;margin:20px;padding:15px;transition:transform .3s;transition:transform var(--transition-speed)}.post-card:hover{transform:translateY(-5px)}.comment-section{background-color:#e6cb8c;background-color:var(--accent-color);border:1px solid #b1a0a0;border:1px solid var(--neutral-color);border-radius:8px;border-radius:var(--border-radius);margin-top:15px;padding:10px}.comment{background-color:#fff;border-left:4px solid #231942;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);margin:5px 0;padding:8px}footer{background-color:#b1a0a0;background-color:var(--neutral-color);color:#fff;margin-top:20px;padding:10px;text-align:center}.container{margin:auto;max-width:1200px;padding:20px}
/*# sourceMappingURL=main.2960b51a.css.map*/