*{padding:0;margin:0;box-sizing:border-box}body{background-color:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}.main-app{display:grid;grid-template-columns:repeat(10,1fr)}.aside-app{position:sticky;top:0;height:100vh;grid-column-start:2;grid-column-end:4;border-right:1px solid rgba(128,128,128,.374);font-size:22px}.aside-app ul{list-style:none;display:flex;flex-direction:column}.aside-app ul li:first-child{align-self:self-start;justify-self:flex-start}.aside-app ul li:first-child img{display:none}.aside-app ul li>div{padding:12px 18px;display:flex;align-items:center;gap:18px;cursor:pointer;width:fit-content;border-radius:28px}.aside-app ul li>div:hover{background-color:#181818}.btn-primary{background-color:#1d9bf0;text-align:center;width:70%;border:none;padding:12px 20px;border-radius:22px;color:#fff;font-weight:700;font-size:18px;margin:6px 0;cursor:pointer}.btn-primary:hover{background-color:#1d9cf0d0}.account-profile{display:flex;padding:4px 12px!important;margin:28px 0;border-radius:32px!important;gap:4px!important}.account-profile img{width:60px}.account-profile .more{width:28px;margin-left:14px}.account-profile h2{font-size:18px}.account-profile h3{font-size:16px;color:gray;font-weight:100;margin:4px 0 0}.logo-navigation{width:24px}.principal-seccion{border-right:1px solid rgba(128,128,128,.374);grid-column-start:4;grid-column-end:8}.principal-seccion>header{position:sticky;top:0;background-color:#0000009f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:repeat(2,1fr);width:100%;text-align:center;font-size:12px;border-bottom:1px solid rgba(128,128,128,.374)}.principal-seccion>header h2{padding:18px;cursor:pointer}.principal-seccion>header h2:hover{background-color:#181818}.principal-seccion .post-card-form{padding:10px;display:flex;flex-direction:column}.principal-seccion .post-card-form header{display:flex;gap:6px;border:none}.principal-seccion .post-card-form header img{width:50px}.principal-seccion .post-card-form header input{outline:none;background-color:transparent;border:none;caret-color:#fff;font-size:18px;color:#fff}.principal-seccion .post-card-form header input::placeholder{color:#70757a}.principal-seccion .post-card-form section{width:90%;align-self:flex-end;display:flex;border-bottom:1px solid rgba(128,128,128,.374);padding:12px 0}.principal-seccion .post-card-form section div{font-size:14px;font-weight:700;color:#1d9bf0;cursor:pointer}.principal-seccion .post-card-form footer{width:90%;align-self:flex-end;display:flex;justify-content:space-between;align-items:center;padding-right:12px}.principal-seccion .post-card-form footer>div:first-child{display:flex;margin:16px 0;gap:16px}.principal-seccion .post-card-form footer>div:first-child img{width:22px;cursor:pointer}.principal-seccion .post-card-form footer>div:first-child img:nth-child(6){opacity:.6}.principal-seccion .post-card-form footer>div:nth-child(2) button{color:#fff;border:none;padding:8px 18px;border-radius:18px;background-color:#1d9bf0;font-weight:700;cursor:pointer}.principal-seccion .list-post>.article{padding:10px;border-top:1px solid rgba(128,128,128,.374);overflow:hidden}.principal-seccion .list-post>.article header>div{display:flex;flex-direction:row;align-items:center;gap:2px}.principal-seccion .list-post>.article .div{width:100%}.principal-seccion .list-post>.article header>div div:nth-child(1){width:100%;display:flex;font-size:14px}.principal-seccion .list-post>.article header>div div:nth-child(1)>span:nth-child(1){font-weight:700;margin-right:4px}.principal-seccion .list-post>.article header>div div:nth-child(1)>span:nth-child(2){color:gray;margin-right:4px;font-weight:100}.principal-seccion .list-post>.article header>div div:nth-child(1)>span:nth-child(3){color:gray}.principal-seccion .list-post>.article header div>.img-post{width:50px}.principal-seccion .list-post>.article footer{padding-left:52px;display:flex;align-items:center;justify-content:space-between;margin:12px 0 0}.principal-seccion .list-post>.article footer>div:first-child{display:flex;align-items:center;gap:64px}.principal-seccion .list-post>.article footer>div:first-child span{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:gray;cursor:pointer}.principal-seccion .list-post>.article footer div:nth-child(2){display:flex;gap:8px}.principal-seccion .list-post>.article footer img{width:20px;cursor:pointer}.principal-seccion .list-post .content-post{text-wrap:wrap;text-overflow:ellipsis;max-width:100%;min-width:100%;padding-left:52px}.principal-seccion .list-post .content-post .text-content{width:100%}.principal-seccion .list-post .content-post .img{width:100%;height:500px;margin:8px 0;border-radius:6px;border:1px solid rgba(128,128,128,.374)}.principal-seccion .list-post .content-post .img img{width:100%;height:100%}.section-two{grid-column-start:8;grid-column-end:11;width:80%;display:block}.section-two div{padding:4px 22px;background-color:#000}.section-two div label{position:sticky;top:5px;width:100%;display:flex;align-items:center;background-color:#202327;padding:10px 18px;border-radius:22px;gap:6px}.section-two div label img{width:20px}.section-two div label>input{background-color:transparent;border:none;outline:none;caret-color:#fff;color:#fff}.section-two .card-premium{margin:14px 0;padding:12px;border-radius:14px;border:1px solid rgba(128,128,128,.374);display:flex;flex-direction:column;gap:10px}.section-two .card-premium h2{font-size:18px}.section-two .card-premium p{color:#ababab}.section-two .card-premium button{background-color:#1d9bf0;color:#fff;width:fit-content;border:none;padding:8px 12px;border-radius:18px;font-size:15px;cursor:pointer}.section-two .card-what-happening{margin:14px 0;padding:12px;border-radius:14px;border:1px solid rgba(128,128,128,.374)}.section-two .card-what-happening .card-item-what{display:flex;justify-content:space-between;align-items:center;margin:18px 0;padding:0}.section-two .card-what-happening .card-item-what div:first-child{display:flex;flex-direction:column;font-size:14px;gap:4px}.section-two .card-what-happening .card-item-what div:first-child span:first-child{color:gray;font-weight:100}.section-two .card-what-happening .card-item-what div:first-child span:nth-child(3){color:gray}.section-two .card-what-happening .card-item-what div{padding:0}.section-two .card-what-happening footer>span{color:#1d9bf0;cursor:pointer}.section-two .who-to-follow{margin:14px 0;padding:12px;border-radius:14px;border:1px solid rgba(128,128,128,.374)}.section-two .who-to-follow .account-person-follow{margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:6px}.section-two .who-to-follow .account-person-follow img{width:30px;height:30px;border-radius:100%}.section-two .who-to-follow .account-person-follow div{padding:0;font-size:14px;gap:2px;display:flex;flex-direction:column}.section-two .who-to-follow .account-person-follow div .name{font-weight:700}.section-two .who-to-follow .account-person-follow div span:nth-child(2){color:gray}.section-two .who-to-follow .account-person-follow .flex{display:flex;flex-direction:row;align-items:center;gap:4px}.section-two .who-to-follow .account-person-follow button{display:block;background-color:#fff;color:#000;border:none;padding:8px 14px;border-radius:16px;margin-right:6px;font-weight:700}.focused{outline:2px solid #1d9bf0}@media screen and (max-width:900px){.main-app{grid-template-columns:repeat(6,1fr)}.aside-app{grid-column-start:1;grid-column-end:2}.principal-seccion{grid-column-start:2;grid-column-end:7}.section-two{display:none}}@media screen and (max-width:600px){.main-app{grid-template-columns:repeat(8,1fr)}.aside-app{grid-column-start:1;grid-column-end:2}.aside-app ul li div span{display:none}.aside-app .btn-primary,.aside-app .account-profile{display:none}.principal-seccion{grid-column-start:2;grid-column-end:9}.principal-seccion .content-post{padding-left:0!important}.principal-seccion footer{padding:0!important}.principal-seccion .list-post>.article footer>div:first-child{display:flex;align-items:center;gap:4px}}