*{margin:0;padding:0;box-sizing:border-box;background-color:var(--cordefundo)}:root{--corprimaria: #4e53a0;--corsecundaria:#9192aa;--cordefundo: #ffffff}body{color:#0f1419;-webkit-font-smoothing:antialiased}body,input,textarea,button{font:400 1rem Roboto,sans-serif}button{cursor:pointer}a{color:inherit}.layout{margin:0 auto;max-width:1000px;display:grid;grid-template-columns:300px 1fr}.sidebar{padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:2rem}.sidebar .logo{width:2rem;height:2rem}.sidebar .exit{background:var(--corprimaria);border-radius:9999px;padding:1rem;display:flex;justify-content:center;width:100%;color:#fff;font-size:1.25rem;font-weight:900;border:0}.sidebar .exit span{background-color:transparent}.sidebar .exit svg{width:1.5rem;height:1.5rem;display:none}.sidebar .exit:hover{background-color:var(--corsecundaria)}.main-navigation{display:flex;flex-direction:column;gap:2rem}.main-navigation a{display:flex;align-items:center;gap:1.25rem;font-size:1.25rem;font-weight:700;text-decoration:none}.main-navigation a:hover{color:var(--corprimaria)}.main-navigation a svg{width:2rem;height:2rem}.main-navigation a.active{color:var(--corprimaria)}@media (max-width: 780px){.sidebar{padding:1.5rem .75rem;align-items:center}.main-navigation a span,.sidebar .new-tweet span{display:none}.sidebar .new-tweet svg{display:block}.sidebar .new-tweet{padding:.85rem}}.layout{margin:0 auto;max-width:1000px;min-height:100vh;display:grid;grid-template-columns:300px 1fr}.content{border-left:1px solid #ebeef0;border-right:1px solid #ebeef0}@media (max-width: 780px){.layout{grid-template-columns:88px 1fr}}.LoginForm{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--corprimaria)}.login-form{width:600px;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a}.login-form h2{margin-bottom:20px}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #1e0000;border-radius:5px}.login-form button{width:100%;margin-left:auto;background:var(--corprimaria);border-radius:9999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:900;border:0;color:#ccc}.login-form button span{background-color:transparent}.login-form button span:hover{background-color:var(--corsecundaria)}.login-form button:hover{background-color:var(--corsecundaria);opacity:1}@media (max-width: 780px){.login-form{width:20rem;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a}}.separator{background:#cfeafc;border-top:1px solid #ebeef0;border-bottom:1px solid #ebeef0;height:.25rem}.CriaPosts{display:flexbox;height:50vh;background-color:var(--corsecundaria)}