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}a{text-decoration:none}img{height:100%;object-fit:cover;overflow:hidden;width:100%}section{margin-inline:auto;width:80%}h1,h2,h3,p{margin:0}h1,h2,h3,th{font-weight:500;text-align:center}td,th{border:1px solid #ddd;font-size:1.125em;padding:8px;text-align:center}form{border:1px solid #d3d3d3;border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.2);box-sizing:border-box;display:flex;flex-direction:column;padding:.8em}form>*{margin-bottom:.6em}input,label,textarea{font-size:1.125em}input,textarea{border:1px solid #d3d3d3;border-radius:8px;box-sizing:border-box;display:block;margin-top:.2em;padding:.25em;width:100%}input:focus,textarea:focus{border:2px solid #719ece;outline:none;transition:border .1s ease-in}textarea{font-family:sans-serif;min-height:120px;resize:none}button{background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:1.125em;padding-block:.25em}button:disabled{cursor:not-allowed;opacity:.8}button[type=submit]{background-color:#28a745;color:#fff}.content{margin-top:calc(60px + .8em);min-height:calc(100vh - 112px - 1.6em)}#header{background:#fff;left:0;position:fixed;top:0;width:100%;z-index:3}#navbar{align-items:center;background:#fff;border-bottom:1px solid #d3d3d3;display:flex;justify-content:space-between;margin-inline:auto;width:80%;z-index:2}.nav-link{color:#000;font-size:1.25em}#navbar>:first-child{align-items:center;display:flex}.user-name{margin-left:.8em}#navbar .profile-pic{border-radius:50%;height:56px;width:56px}#user-options{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;margin-top:calc(60px + .8em)}#user-info{align-items:center;display:flex;flex-direction:column;gap:.8em;justify-content:space-evenly;width:100%}#user-description{margin-inline:auto;text-align:center;width:80%}#user-options .profile-pic{border-radius:50%;height:90px;width:90px}#edit-profile-pic{cursor:pointer}#user-analytics{border-collapse:collapse;width:100%}#data-title{font-size:1.25em}.posts{grid-gap:.8em;display:grid;gap:.8em;grid-template-columns:repeat(3,1fr)}.post{border:1px solid #d3d3d3;border-radius:8px;box-shadow:0 0 6px rgba(0,0,0,.2);padding:.6em .8em;transition:box-shadow .5s}.post-header{position:relative}.post-header,.post-options-button{display:flex;justify-content:center}.post-options-button{align-items:center;background-color:#d3d3d3;border-radius:50%;left:90%;position:absolute}.post-options{background:#fff;border:1px solid #d3d3d3;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:.4em;justify-content:space-evenly;left:85%;padding:1em;position:absolute;top:120%}.post-options-close{color:#000;cursor:pointer;font-size:1.25em;font-weight:800;left:56%;position:absolute;top:-12%}.post-options-close:hover{opacity:.7}.reactions-results{align-items:center;display:flex;justify-content:space-between}.reactions-controls{display:flex;gap:.4em}.post-snippet,.reactions-results{font-size:1.125em}.post-snippet{display:flex;height:50px;overflow-y:auto}.reactions-controls{border-top:1px solid #d3d3d3}.reactions-controls a{color:#000}.reaction-link{font-size:1.125em;padding:.25em}.post>*{margin-top:.6em}#all-posts>*,#user-posts>*{margin-top:.8em}#blog-pic{display:flex;justify-content:center}#blog-info{margin-top:calc(60px + .8em)}#blog-info-header{align-items:center;display:flex;flex-direction:column;gap:.2em;justify-content:space-evenly;margin-bottom:.4em}#blog-author,#blog-date{text-align:center;width:100%}#blog-info p{font-size:1.125em}#blog-info>:not(:first-child){margin-bottom:.8em}#make-comment{grid-gap:2%;display:grid;grid-template-columns:56px auto 80px}#make-comment,.comment{align-items:center;gap:2%;margin-bottom:.8em}.comment{border:1px solid #d3d3d3;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.2);display:flex;font-size:1.125em;padding:.8em;position:relative}.comment-description{max-height:100px;overflow-y:auto;width:100%}.comment-options{display:flex}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover{background-color:#026fe3;border-color:#026fe3;color:#fff}.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5c636a;border-color:#565e64;color:#fff}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#bb2d3b;border-color:#b02a37;color:#fff}.btn{padding:.375rem .75rem}.modal{align-items:center;background-color:rgba(0,0,0,.15);height:100vh;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:2}.modal,.modal-content{display:flex;flex-direction:column}.modal-content{background:#fff;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.2);gap:.8em;justify-content:space-evenly;width:500px}.modal-header{border-bottom:1px solid #d3d3d3;line-height:1.5;padding:16px}.modal-body{flex-direction:column;font-size:1.125em;justify-content:space-evenly}.modal-body,.modal-footer{display:flex;gap:.2em;padding:16px}.modal-footer{border-top:1px solid #d3d3d3;justify-content:flex-end}#login,#register{margin-inline:auto;width:40%}#login h1,#register h1{font-size:1.75em;font-weight:500;margin-bottom:.2em}#footer{border-top:1px solid #d3d3d3;height:56px;justify-content:center;margin-top:.8em}#footer,.alert{align-items:center;display:flex}.alert{border:1px solid #d3d3d3;border-radius:4px;box-sizing:border-box;margin-bottom:.4em;padding-block:.4em;position:relative;width:100%}.alert-success{background-color:#d4edda}.alert-danger{background-color:#f8d7da}.alert-message{font-size:1.125em;margin-inline:auto;text-align:center;width:80%}.close{cursor:pointer;font-size:1.25em;left:92%;position:absolute}.close:hover{opacity:.7}.italic{font-style:italic}.blog-pic-div{display:flex;height:auto;justify-content:center;width:100%}.blog-pic{border-radius:8px;height:180px;object-fit:contain;width:180px}.profile-pic{border-radius:50%;height:56px;width:56px}@media(max-width:1100px){#user-options{grid-template-columns:auto;grid-template-rows:repeat(2,1fr)}#post-form{width:100%}#login,#register{width:60%}.posts{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){#navbar,.user-options,section{width:90%}.modal-content{width:80%}.posts{grid-template-columns:100%}#pagination{justify-content:space-between}#pagination a{margin:0;padding:.3em .6em}#login,#register{width:90%}#login h1,#register h1{font-size:1.5em}}
/*# sourceMappingURL=main.5f5897b9.css.map*/