body{margin:0;font-family:Segoe UI,sans-serif;background-color:#fff}.feed-container{display:flex}.sidebar{background-color:#fff;border-right:1px solid #ccc;padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:fixed;height:100vh}.logo{color:#1da1f2;font-size:24px;margin-left:20px}.tweet-button{padding:10px!important;width:100%;border-radius:25px!important}.user-profile-box{display:flex;gap:10px;margin-top:auto;padding-bottom:7px}.avatar-user{display:flex;gap:10px}.user-profile img{width:48px;border-radius:50%}.user-info strong{font-size:14px}.user-info p{font-size:10px;margin:0;color:#5b5b5b}.logout{margin-top:20px;color:#2a2a2a;font-size:12px;text-decoration:none;cursor:pointer}.feed{background:#fff;border-right:1px solid #ccc;margin-left:34vh}.feed h1{font-size:18px;padding:20px;border-bottom:1px solid #ccc;margin:0}.tweet{display:flex;gap:10px;padding:20px 20px 0;border-bottom:1px solid #ccc}.post-content strong{font-size:16px;font-weight:700}.post-content span{font-size:12px}.post-content p{font-size:14px;padding:12px 0}.actions-content{display:flex;padding:0 0 20px;font-size:13px}.actions-content svg{font-size:14px;margin:4px 5px 0 0;float:left}.action-comments{margin-right:20px}.trending{padding:20px}.trending-content{background-color:#f5f5f5;padding:20px;border-radius:20px}.trending-content h1{font-size:16px;margin:0 0 15px}.trending-list{display:flex;flex-direction:column;margin-bottom:15px}.trending-list span{font-size:10px;color:#5b5b5b}.trending-list strong{font-size:14px;font-weight:700}.trending-content a{color:#1da1f2;text-decoration:none;font-size:12px}.modal-content{padding:30px 10px 10px!important}.modal-content textarea{width:95%;height:100px!important;margin:20px 0;padding:10px;font-size:22px;border:none;resize:none;font-family:Segoe UI,sans-serif}.modal-content .button-close{position:absolute;top:5px;left:5px;min-width:40px}.modal-content .tweet-button{width:120px;border-radius:30px;float:right}.body-login{margin:0;font-family:Segoe UI,sans-serif;background-color:#d7d7d7}.login-container{display:flex;height:100vh;justify-content:center;align-items:center;padding:20px}.login-box{flex:1;padding:40px;border-radius:10px 0 0 10px;box-sizing:border-box;height:420px}.login-form{padding:20px 60px}.body-signup{margin:0;font-family:Segoe UI,sans-serif;background-color:#d7d7d7}.signup-container{display:flex;height:100vh;justify-content:center;align-items:center;padding:20px}.signup-box{flex:1;padding:40px;border-radius:10px 0 0 10px;box-sizing:border-box;min-height:540px}.signup-form{padding:20px 60px}.info{background-color:#1da1f2;color:#fff;display:flex;flex-direction:column;justify-content:center}.info h1{font-size:32px;margin-bottom:10px}.info h4{font-weight:400;margin-bottom:.1em;font-size:14px;line-height:0}.info p{font-size:16px;line-height:1.5}.form{background-color:#fff;display:flex;flex-direction:column;justify-content:center;border-radius:0 10px 10px 0}.form h2{margin-bottom:20px}.form label{font-size:14px;margin-top:15px}.form button{margin-top:15px;background-color:#1da1f2;color:#fff;border:none;padding:12px;font-size:16px;width:100%;cursor:pointer;transition:all linear .3s}.form button:hover{background-color:#0d8ddb}