body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0}.app{background-color:#fafafa}.app__header{background-color:#fff;border-bottom:1px solid #d3d3d3;display:flex;justify-content:space-between;margin:15px;object-fit:contain;padding:8px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.app__header-image{object-fit:contain;width:10%}.logout{display:flex}.app__logincontainer{display:flex;flex-direction:row;object-fit:contain}.logout__button{background-color:#0095f6;border:1px solid #d3d3d3;border-radius:20px;box-shadow:6px 6px 20px 8px #b0c4de;color:#f5f5f5;cursor:pointer;font-size:16px;font-weight:700;height:30px;margin:15px;width:150px}.app__posts{display:flex;justify-content:center;padding:30px}hr{background-color:#2f4f4f;margin:auto;width:65%}.app__postsright{background-color:#151515;border:1px solid #d3d3d3;border-radius:16px;box-shadow:10px 10px 40px 2px #d1d1d1;color:#f5f5f5;height:1000px;margin-left:25px;width:300px}#h2__elem{padding-left:30px;padding-top:20px;text-shadow:2px 2px #8a2be2}.under-about{font-size:14px;padding:15px 20px}.middle__app-vs{display:flex;justify-content:space-between;padding:20px}#bold-mid{font-weight:700;text-shadow:2px 2px #8a2be2}.createdby__me,.verison__number{padding-left:15px;padding-top:5px}.extra{font-size:14px;padding:15px 20px}a{color:#f0f8ff;text-decoration:none}a:hover{color:#7fffd4}a:active,a:visited{text-decoration:none}li{list-style-type:none;padding:10px}#h4__elem{padding:10px 20px}.display__nameprofile{display:flex;font-size:30px;font-weight:700;justify-content:center}.captions__profile{padding:5px 20px}.image__upload{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:0;position:-webkit-sticky;position:sticky}.error__upload{display:flex;font-size:20px;font-weight:bolder;justify-content:center;padding:5px;text-align:center}.post{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;box-shadow:6px 6px 20px 8px #d1d1d1;margin-bottom:45px;max-width:500px}.post__image{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3;max-height:400px;object-fit:contain;width:100%}.post__text{font-weight:400;padding:15px 25px}.post__avatar{border:2px solid #000;border-radius:100%;height:50px;margin-left:5px;margin-right:20px;width:50px}.post__header{align-items:center;display:flex;padding:15px 25px}.post__commentbox{display:flex;margin-top:10px}.post__button{background-color:initial;border:none;border-radius:10px;color:#6082a3;cursor:pointer;flex:0 1;font-size:16px;font-weight:700;margin-right:15px;padding-right:20px;width:50px}.post__input{border:none;flex:1 1;height:30px;outline:none}.post__comments{padding:10px 25px}.modal{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;top:0;width:100%}.modal-username{display:flex}.sign-up-modal{background-color:#0095f6;border:1px solid #d3d3d3;border-radius:10px;box-shadow:6px 6px 20px 8px #d1d1d1;color:#f5f5f5;cursor:pointer;font-size:16px;font-weight:700;height:35px;margin:10px;width:300px}.display-block{display:block}input{border:1px solid #d3d3d3;border-radius:10px;box-shadow:6px 6px 20px 8px #d1d1d1;font-size:16px;height:40px;margin:10px;text-indent:10px;width:300px}.display-none{display:none}.logo{font-size:30px;font-style:italic;font-weight:bolder;padding-top:25px}.comment,.logo{display:flex;justify-content:center;text-align:center}.comment{color:#8e8e8e;padding-top:10px}.comment,.dashboard-sign-up{font-size:16px;font-weight:700}.dashboard-sign-up{background-color:#0095f6;border:1px solid #d3d3d3;border-radius:20px;box-shadow:6px 6px 20px 8px #b0c4de;color:#f5f5f5;cursor:pointer;height:30px;margin:15px;width:150px}.app__signup{display:flex;flex-direction:column}.modal-main{background:#fff;border-radius:10px;height:500px;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}.close-button{background-color:gray;border:1px solid #d3d3d3;border-radius:10px;box-shadow:6px 6px 20px 8px #d1d1d1;color:#f5f5f5;cursor:pointer;font-size:16px;font-weight:700;height:35px;margin:10px;width:300px}.modal-email,.modal-password{display:flex}.sign-in-modal{background-color:#0095f6;border:1px solid #d3d3d3;border-radius:10px;box-shadow:6px 6px 20px 8px #d1d1d1;color:#f5f5f5;cursor:pointer;font-size:16px;font-weight:700;height:35px;margin:10px;width:300px}.input-field{margin:10px;padding:15px 80px}.dashboard-sign-in{background-color:#0095f6;border:1px solid #d3d3d3;border-radius:20px;box-shadow:6px 6px 20px 8px #b0c4de;color:#f5f5f5;cursor:pointer;font-size:16px;font-weight:700;height:30px;margin:15px;width:150px}.popup-content{background:#fff;border:1px solid #d7d7d7;margin:auto;padding:5px;width:5000px}[role=tooltip].popup-content{border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.16);width:500px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;bottom:0;color:#fff;-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));left:0;right:0;top:0}.image__upload{align-items:center;display:flex;justify-content:center}.caption__upload{flex:1 1;height:30px;outline:none;padding-right:50px}.progress__upload{margin:0;padding:0;width:100%}.file__upload{color:#000;font-weight:700}.bar{background-color:#0095f6;border:none;border-radius:10px;color:#f0f8ff;height:25px;width:100px}
/*# sourceMappingURL=main.cacc0d53.css.map*/