*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;font-family:Arial,Helvetica,sans-serif}.app{background:#000;min-height:100vh}.sidebar{background:#000;border-right:1px solid #262626;width:245px;height:100vh;padding:32px 24px;position:fixed;top:0;left:0}.instagram-logo{filter:invert();width:120px;margin-bottom:78px}.logo{margin-bottom:42px;font-size:31px;font-weight:700}.menu{flex-direction:column;gap:28px;margin-top:10px;display:flex}.menu-item,.more-menu{align-items:center;gap:18px;font-size:16px;display:flex}.more-menu{position:absolute;bottom:32px}.main-content{justify-content:center;gap:80px;margin-left:245px;display:flex}.feed-wrapper{width:470px}.stories{gap:18px;padding:28px 0;display:flex;overflow:hidden}.story{text-align:center;width:72px;font-size:12px}.story-border{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf);border-radius:50%;width:66px;height:66px;margin:0 auto 7px;padding:3px}.story-image-box{background:#000;border-radius:50%;width:100%;height:100%;padding:3px}.story-image,.avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.feed{flex-direction:column;gap:30px;display:flex}.post{border-bottom:1px solid #262626;width:470px;padding-bottom:18px}.post-header{justify-content:space-between;align-items:center;height:48px;display:flex}.post-user{align-items:center;gap:10px;display:flex}.post-user .avatar{width:34px;height:34px}.post-user div{align-items:center;gap:6px;font-size:14px;display:flex}.post-user span{color:#a8a8a8}.post-image{object-fit:cover;border:1px solid #262626;border-radius:4px;width:470px;height:585px;display:block}.post-actions{justify-content:space-between;padding:12px 0;display:flex}.left-actions{gap:14px;display:flex}.post-info{flex-direction:column;gap:7px;font-size:14px;display:flex}.post-info span{color:#a8a8a8}.suggestions{width:320px;padding-top:32px;font-size:14px}.profile-box{align-items:center;gap:12px;margin-bottom:26px;display:flex}.profile-avatar{background:#a8a8a8;border-radius:50%;width:46px;height:46px}.profile-box p,.suggestion p{color:#a8a8a8;font-size:12px}.profile-box span,.suggestion span,.suggestions-title span{color:#0095f6;margin-left:auto;font-size:12px;font-weight:700}.suggestions-title{color:#a8a8a8;justify-content:space-between;margin-bottom:18px;display:flex}.suggestions-list{flex-direction:column;gap:16px;display:flex}.suggestion{align-items:center;gap:12px;display:flex}.suggestion img{object-fit:cover;border-radius:50%;width:42px;height:42px}@media (width<=1100px){.suggestions{display:none}.main-content{margin-left:245px}}@media (width<=900px){.sidebar{display:none}.main-content{margin-left:0}}