*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}#root,body,html{height:100%;width:100%}html{background:#141414}.App{background:#141414;height:100%;position:relative;text-align:center}.App,.Feed{display:flex;flex-direction:column}.Feed{align-items:center;flex:1 1;padding-top:70.5px}.new-post-container{background:#fff;background:#141414;display:none;display:flex;flex-direction:column;height:100vh;padding-left:30px;padding-right:30px;padding-top:10px;position:fixed;width:100%;z-index:2}.new-post-container textarea{background:transparent;border:0;color:#fff;font-family:sans-serif;margin-top:10px;min-height:200px;outline:none;width:100%}.new-post-container textarea::-webkit-input-placeholder{color:#fff}.new-post-container textarea::placeholder{color:#fff}.new-post-container img{height:300px;object-fit:cover;width:300px}.new-post-container button{height:50px}.loader-container{align-items:center;background:#141414;display:none;height:100%;justify-content:center;margin-left:-30px;position:fixed;top:0;width:100%;z-index:5}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:gray;height:60px;width:60px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.post{margin-bottom:30px}.image-container{background-color:#dedede;max-width:500px}.image-container img{display:block;object-fit:cover;width:100%}.text-container{margin-top:5px;text-align:left}@media only screen and (max-width:500px){.text-container{padding-left:20px}}.username{font-weight:700;margin-right:5px}.caption,.username{color:#fff;font-size:14px}.caption{margin-bottom:10px;margin-top:20px}.post-user-info{align-items:center;display:flex;margin-bottom:10px}@media only screen and (max-width:500px){.post-user-info{padding-left:20px}}.post-user-info .username{margin-left:10px}.profile-circle{background:#fff;border-radius:100%}.scroll-feed{display:none;flex-direction:column;max-width:500px}.grid-feed{display:none;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:800px;width:100%}.Navigation{border-top:1px solid #d3d3d3;bottom:0;height:60px}.Navigation,header{background:#fff;position:fixed;width:100%}header{background:#141414;display:flex;justify-content:center;padding-bottom:20px;padding-top:20px}header h1{color:#fff;font-family:sans-serif;font-size:24px}.header-wrap{align-items:center;display:flex;justify-content:space-between;margin-left:30px;margin-right:30px;max-width:1200px;width:100%}p,span{color:#151515;font-family:sans-serif;font-size:15px}.new-post{font-size:28px}header i{color:#fff;margin-right:20px}header .grid-icon,header .list-icon{font-size:28px}header .home-icon{font-size:26px}header .header-right{display:flex}.profile-username{color:#fff;font-weight:700}.profile{display:flex;height:100%;justify-content:center;width:100%}.profile span{display:block}.profile-wrap{max-width:500px;padding-top:70.5px;width:100%}.profile-info-container{align-items:center;display:flex;margin-bottom:50px;padding-left:30px}.profile-info-container-right{align-items:flex-start;display:flex;flex-direction:column;margin-left:10px}.following-container{display:flex;margin-top:5px}.following-container span{color:#fff;color:#999;font-size:14px}.following-container span:first-child{margin-right:5px}.following-text-wrap{display:flex}.following-text-wrap:first-child{margin-right:10px}.grey{color:#999!important}.log-out{color:#fff;margin-top:50px}.sign-instead{color:#fff;font-family:sans-serif;font-size:14px;margin-top:30px}.sign-up{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:20px;padding-right:20px;position:relative}.sign-up h1{color:#fff;font-family:sans-serif}.sign-up-wrap{display:flex;flex-direction:column;height:100%;justify-content:center;max-width:400px;position:relative;width:100%}input{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid #fff;border-radius:5px;color:#fff;height:50px;margin-bottom:20px;padding-left:12px}input::-webkit-input-placeholder{color:#fff}input::placeholder{color:#fff}button{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid #fff;border-radius:5px;color:#fff;height:50px}.back{color:#fff;font-family:sans-serif;position:absolute;top:50px}
/*# sourceMappingURL=main.588cfe6b.css.map*/