.app{display:flex}.container{display:flex;align-items:center;justify-content:space-between;flex-direction:column}.navbar{height:60px;width:1024px;background-color:teal;display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:900;padding:0 100px;font-size:20px}.right-nav{height:60px;display:flex;align-items:center;justify-content:center;gap:50px;cursor:pointer;font-weight:400;font-size:14px}.wrapper{height:calc(100vh - 70px);display:flex;align-items:center;justify-content:space-between;gap:100px}canvas{position:absolute}.newPostCard,.addPost,label{display:flex;align-items:center;justify-content:space-between}.newPostCard{height:calc(98vh - 50px)}.add{width:20px;height:20px;fill:#fff}.inputForm{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.avatar{width:50px;height:50px;border-radius:50%;margin-right:20px}.button{border:none;padding:10px 20px;color:#fff;background-color:teal;cursor:pointer}.postInput{height:30px;border:none;color:#838383;margin-bottom:20px;font-size:30px}.left{display:flex;height:500px;width:400px;align-items:center;justify-content:center;position:relative;border-radius:0;overflow:hidden}.img,.canva{height:500px;width:400px;object-fit:cover}.right{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#838383;font-weight:300;text-align:center}.rightInput{padding:20px;margin-bottom:20px}.skeleton-km971twiw4p:empty{background-color:#e1e1e1;border-radius:0;background-image:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 80%),linear-gradient(#e0e0e0 20px,transparent 0),radial-gradient(circle 17.5px at 17.5px 17.5px,#e0e0e0 16.5px,transparent 17.5px),linear-gradient(#e0e0e0 200px,transparent 0);background-repeat:repeat-y;background-size:50px 600px,300px 600px,35px 600px,360px 600px;background-position:-20% 0,left 70px top 244px,left 20px top 236px,left 20px top 20px;animation:shineForSkeleton-km971twiw4p 2s infinite}@keyframes shineForSkeleton-km971twiw4p{to{background-position:120% 0,left 70px top 244px,left 20px top 236px,left 20px top 20px}}@media screen and (max-width: 770px){.navbar{width:100%;padding:0;justify-content:space-around}.wrapper{flex-direction:column;text-align:center;justify-content:space-evenly;gap:0}.left,.right{width:100%}.rightInput{padding:10px}}@media screen and (max-width: 375px){.navbar{width:100%;padding:0;font-size:16px;justify-content:space-around}.left{height:400px;width:300px}.newPostCard{padding:10px}.addPost{flex-direction:column}.postForm{width:100%}.avatar{width:40px;height:40px;margin-right:10px}.postInput{height:20px}.container{height:auto}.right{text-align:center}}:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400}body{margin:0;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}