body{color:#c7c7c7;background-color:#181818}.register-container{max-width:300px;margin:50px auto;background-color:#222;padding:50px;border-radius:8px;box-shadow:0 0 10px #000;text-align:center}.register-form input{width:90%;padding:5px;margin:10px 0;font-size:17px;border:1px solid #444;border-radius:5px;background-color:#333;color:#fff}.register-form input:focus{border-color:#1da1f2;outline:none}.register-form button{width:50%;margin-top:12px;padding:5px;background-color:#1da1f2;color:#fff;font-weight:700;border:none;border-radius:5px;font-size:17px;cursor:pointer;transition:background-color .3s}.register-form button:hover{background-color:#0d8ddb}.register-link-button{background:transparent;color:#1da1f2;border:none;font-size:17px;cursor:pointer;text-decoration:underline}.register-error-message{color:red;margin-top:10px}.register-success-message{margin-top:10px}.login-container{max-width:300px;margin:50px auto;background-color:#222;padding:50px;border-radius:8px;box-shadow:0 0 10px #000;text-align:center}.login-form input{width:90%;padding:5px;margin:10px 0;font-size:17px;border:1px solid #444;border-radius:5px;background-color:#333;color:#fff}.login-form input:focus{border-color:#1da1f2;outline:none}.login-form button{width:50%;margin-top:12px;padding:5px;background-color:#1da1f2;color:#fff;font-weight:700;border:none;border-radius:5px;font-size:17px;cursor:pointer;transition:background-color .3s}.login-form button:hover{background-color:#0d8ddb}.login-container p{padding-top:20px;font-size:16px}.login-link-button{background:transparent;color:#1da1f2;border:none;font-size:17px;cursor:pointer;text-decoration:underline}.login-error-message{color:red;margin-top:10px}.sidebar{width:220px;position:fixed;padding-top:30px;padding-left:20px}.sidebar-username{font-size:20px;color:#fff;margin-bottom:20px;width:300px;white-space:wrap;text-overflow:ellipsis}.sidebar-item{cursor:pointer;display:flex;align-items:center;margin-top:10px}.sidebar-item__icon{font-size:20px;color:#fff}.sidebar-item__label{margin-left:25px;color:#fff;font-size:18px;padding-bottom:8px}.main-content{width:45%;margin-left:220px;box-sizing:border-box}.post-form{padding:10px;border:2px solid #444;display:flex;flex-direction:column}.post-form textarea{width:100%;background:transparent;color:#e6e6e6;font-size:18px;padding:.5rem 0;border:none;outline:none;resize:none}.post-form textarea::placeholder{color:#888}.post-form button{background-color:#1da1f2;color:#fff;border-radius:15px;border:1px solid #1da1f2;font-weight:700;cursor:pointer;font-size:18px;margin-left:auto}.post-form button:hover{background-color:#0d8ddb}.post-card{font-size:18px;padding:5px 10px;border:2px solid #444}.post-header{display:flex;justify-content:space-between;align-items:center;width:100%}.post-info{display:inline-flex;align-items:center}.post-date{color:#aaa;font-size:15px}.post-actions{display:inline-flex;align-items:center}.post-actions button{margin-left:10px}.edit-button{color:#fff;background-color:#4d4d4d;border:none;border-radius:8px;font-size:15px;padding:5px;margin-left:20px}.delete-button{color:#fff;background-color:red;border:none;border-radius:8px;font-size:15px;padding:5px;margin-left:20px}.post-img{width:100%;margin-top:10px;border-radius:4px}.edit-textarea{width:100%;background:transparent;color:#e6e6e6;font-size:18px;padding:.5rem 0;border:none;outline:none;resize:none}.edit-cancel-button{color:#fff;background-color:#4d4d4d;border:none;border-radius:8px;font-size:15px;padding:5px}.edit-update-button{color:#fff;background-color:#0d8ddb;border:none;border-radius:8px;font-size:15px;padding:5px;margin-left:10px}.search-box{padding:20px 80px;display:flex}.search-box input{width:100%;padding:10px;font-size:1rem;border:2px solid #444;background-color:#181818;color:#e6e6e6;border-radius:5px 0 0 5px;outline:none}.search-box input::placeholder{color:#888}.search-box button{background-color:#1da1f2;border:none;color:#fff;padding:10px 15px;cursor:pointer;border-radius:0 5px 5px 0;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.search-box button:hover{background-color:#0d8ddb}