.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:transparent}.login-form{background-color:#fff;padding:30px;box-shadow:0 0 15px #0000001a;border-radius:8px;width:100%;max-width:400px}h2{text-align:center;margin-bottom:20px}.form-group{margin-bottom:15px}label{display:block;font-size:14px;margin-bottom:5px}input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px}input:focus{border-color:#007bff}button.submit-btn{width:100%;padding:10px;background-color:#4caf50;color:#fff;font-size:16px;border:none;cursor:pointer;border-radius:5px}button.submit-btn:hover{background-color:#45a049}.error-message{color:red;font-size:14px;text-align:center;margin-bottom:10px}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}h1{font-size:36px;color:#333}.logout-btn{margin-top:20px;padding:10px 20px;background-color:#f44336;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:5px}.post-btn{margin:5px;padding:10px 20px;background-color:#4caf50;color:#fff;font-size:16px;border:none;cursor:pointer;border-radius:5px}.logout-btn:hover{background-color:#d32f2f}.card{padding:2em}.read-the-docs{color:#888}.post-box-buttons{display:flex;justify-content:space-between;gap:10px}.post-box-buttons button{flex:1;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s ease}.post-box-buttons button:nth-child(1){background:#c23b12;color:#fff}.post-box-buttons button:nth-child(1):hover{background:#f3e520}.post-box-buttons button:nth-child(2){background:#007bff;color:#fff}.post-box-buttons button:nth-child(2):hover{background:#0056b3}body{background-color:#f0f0f0;font-family:Arial,sans-serif;margin:0;padding:20px}.container{max-width:600px;min-width:500px;margin:auto}.post-box{background-color:#fff;padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 5px #0000001a}.post-box textarea{width:96%;padding:10px;border:1px solid #ddd;border-radius:5px;resize:none;overflow:"hidden"}.post-box button{width:100%;margin-top:10px;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.post-box button:hover{background-color:#0056b3}.posts{display:flex;flex-direction:column;gap:15px}.post{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.post-header{display:flex;align-items:center;gap:10px}.post-header span{font-weight:700}.post-image{width:100%;height:100%;object-fit:cover;border-radius:5px;margin-top:5px}.actions{display:flex;gap:10px;margin-top:10px}.actions button{padding:8px 12px;width:300px;border:none;border-radius:5px;cursor:pointer}.actions button:first-child{background-color:#ff4d4d;color:#fff}.actions button:first-child:hover{background-color:#c00}.actions button:last-child{background-color:#007bff;color:#fff}.actions button:last-child:hover{background-color:#0056b3}.comment-section{margin-top:10px}.comment-section input{width:97%;height:auto;padding:8px;border:1px solid #ddd;border-radius:5px}.comment-section button{width:60px;padding:5px;width:100%;margin-top:5px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}.comment-section button:hover{background-color:#1e7e34}.comment-section ul{list-style:none;padding:0;margin-top:10px}.comment-section li{background-color:#f0f0f0;padding:5px;border-radius:5px;margin-top:5px;display:flex;align-items:center;gap:5px}