body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}.app{display:grid;place-items:center}.page{width:70vw;max-width:700px}@media only screen and (max-width:800px){.page{width:90vw}}.nav{background-color:#ffb6c1;padding:10px 20px;display:flex;justify-content:space-between;align-items:baseline;color:#54424b}.nav a{text-decoration:none;color:inherit}.logo{font-size:3em}.nav ul{display:flex;margin:0;padding:0}.nav li{list-style:none;margin-left:20px;cursor:pointer}.nav li .active,.nav li:hover{color:#a16484}.icon{font-size:1.5em}.nav li button{color:inherit;border:none;background-color:transparent;padding:0;font-size:inherit}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fff}.modal-close{font-size:2em;position:absolute;color:#fff;right:.5em;top:.5em;-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,.5));filter:drop-shadow(0 0 5px rgb(0,0,0,.5));cursor:pointer}.dropzone{height:200px;width:100%;border:2px dashed #ffb6c1;display:grid;place-items:center;color:#ffb6c1;margin-bottom:1em;background-color:rgba(255,155,170,.1)}.dropzone:hover{border:2px dashed #ff9baa;color:#ff9baa;background-color:rgba(255,155,170,.2)}.addImg-modal{min-height:100vh;margin:1em 0}.addImg-modal,.addImg-modal-content{display:grid;place-items:center}.addImg-modal-h1{font-size:2em;font-weight:400;color:#444}.addImg-img{margin:1em 0;object-fit:contain;max-width:80vw;max-height:min(80vw,70vh);aspect-ratio:1}.addImg-form{display:grid;place-items:center;min-width:100%}.addImg-form>div{width:100%}.addImg-form textarea{width:100%;font-family:inherit;padding:.5em;border:2px solid #ffb6c1;border-radius:3px;resize:vertical;margin-bottom:1em}.addImg-form label{display:block;margin-bottom:.5em;color:#444}.addImg-form button{display:block;width:150px;padding:.5em 2em;font-size:1em;text-transform:uppercase;color:#444;border:1px solid #ffb6c1;border-radius:3px;margin:.3em;cursor:pointer}.addImg-form button:hover{color:#000;background-color:#ff9baa;border:1px solid #ff9baa}.addImg-btn-save{background-color:#ffb6c1}.addImg-btn-cancel{background-color:transparent}.addImg-btn-save:disabled,.addImg-btn-save:disabled:hover{background-color:#dcdcdc;border:1px solid #dcdcdc;color:#444;cursor:auto}@media only screen and (min-width:50em){.addImg-modal{place-items:start center}.addImg-modal-content>div{display:grid;grid-template-columns:3fr 2fr;grid-gap:1em;gap:1em;margin:0 3em}.addImg-img{justify-self:right;max-width:50vw;max-height:min(50vw,80vh)}.addImg-form{align-self:center;max-width:min(30vw,100%);min-width:300px}.addImg-form,.upload{display:unset}}.post-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:2em;gap:2em}.post-modal-img{width:min(100vw,80vh);height:min(100vw,80vh);object-fit:cover}.post-modal-text{width:min(100vw,80vh);max-height:100%;padding:0 1em 4em;justify-self:left}.post-modal-username{display:inline-block;font-size:1.5em;text-decoration:none;color:#000;margin-bottom:.4em}.post-modal-username:hover{color:#444}.timestamp{display:block;color:grey;margin-bottom:1em;font-size:.9em}@media only screen and (min-width:60em){.post-modal{display:grid;grid-template-columns:3fr 2fr;align-items:unset;grid-gap:3em;gap:3em;margin:10vh 3em 0}.post-modal-img{justify-self:right;max-width:60vw;max-height:min(60vw,100vh);aspect-ratio:1}.post-modal-text{width:unset;max-width:min(30vw,80vh);min-width:300px}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.6em;gap:.6em;margin-bottom:5em;margin-top:.6em}.grid-item{aspect-ratio:1;position:relative;cursor:pointer}.grid-item img{display:block;object-fit:cover;width:100%;height:100%}.grid-item-preview{position:absolute;height:25%;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.9);color:#444;visibility:hidden;opacity:0;padding:.5em}.grid-item:hover .grid-item-preview{visibility:visible;opacity:1}.grid-item-preview .timestamp{font-size:.9em}.login-page{background-image:url(/static/media/login-logout.32e48104.jpg);background-color:#fff;background-size:cover;background-position:center 80%;width:100%;height:100vh}.login-container{width:100%;height:50vh;display:grid;place-items:center;text-align:center;color:#444}.login-container h1{margin:2rem}.login-img{height:200px;width:200px;border-radius:50%}.register{display:grid;place-items:center}.register h1{font-size:2em;font-weight:400;color:#444;margin:2rem auto}.register-form{width:100%;max-width:500px}.register-form input,.register-form textarea{width:100%;font-family:inherit;padding:.5em;border:2px solid #ffb6c1;border-radius:3px;resize:vertical;margin-bottom:1em}.register-form label{display:block;margin-bottom:.3em;color:#444}.register-img{display:block;border-radius:50%;width:150px;height:150px;object-fit:cover;margin:1em auto}.register-form button{display:block;width:150px;padding:.5em 2em;font-size:1em;text-transform:uppercase;color:#444;border:1px solid #ffb6c1;border-radius:3px;margin:2em auto;cursor:pointer}.register-form button:hover{color:#000;background-color:#ff9baa;border:1px solid #ff9baa}.register-btn-save{background-color:#ffb6c1}.profile-editBtn-container{display:inline-block}.profile-editBtn a{text-decoration:none;color:inherit}.profile-editBtn{width:25px;height:25px;display:grid;place-items:center;background-color:transparent;border:none;cursor:pointer;margin-left:2px;font-size:.8em;color:silver}.profile-editBtn:hover{color:#444}.edit-modal{min-height:100vh;margin:1em 0}.edit-modal,.edit-modal-content{display:grid;place-items:center}.edit-modal-h1{font-size:2em;font-weight:400;color:#444}.edit-profile-img{border-radius:50%;width:150px;height:150px;object-fit:cover;margin:1em 0}.edit-form{display:grid;place-items:center}.edit-form>div{width:100%;min-width:min(90vw,400px);max-width:400px}.edit-form input,.edit-form textarea{width:100%;font-family:inherit;padding:.5em;border:2px solid #ffb6c1;border-radius:3px;resize:vertical;margin-bottom:1em}.edit-form label{display:block;margin-bottom:.3em;color:#444}.edit-form button{display:block;width:150px;padding:.5em 2em;font-size:1em;text-transform:uppercase;color:#444;border:1px solid #ffb6c1;border-radius:3px;margin:.3em}.edit-form button:hover{color:#000;background-color:rgba(255,182,193,.5);border:1px solid rgba(255,182,193,.5)}.edit-btn-save{background-color:#ffb6c1}.edit-btn-cancel{background-color:transparent}.follow-btn{display:block;padding:.5em 2em;margin-top:2em;text-transform:uppercase;color:#444;border:1px solid #ffb6c1;border-radius:3px;background-color:#ffb6c1;cursor:pointer}.follow-btn.unfollow:hover,.follow-btn:hover{color:#000;background-color:#ff9baa;border:1px solid #ff9baa}.follow-btn.unfollow{background-color:transparent}.profile-table{margin:1.5em 0}.profile-table th{font-weight:400;text-transform:capitalize}.profile-table td,.profile-table th{text-align:center;padding:0 15px 0 0}.profile-table td{font-weight:700;font-size:1.2em}.profile-header{display:flex;flex-direction:column;margin:40px 0}.profile-img-container{display:grid;place-items:center}.profile-img{border-radius:50%;width:150px;height:150px;object-fit:cover}.profile-info{display:grid;place-items:center;margin-top:40px}.profile-username{font-weight:700;font-size:1.5em;display:flex}@media only screen and (min-width:500px){.profile-header{flex-direction:row}.profile-info{display:block;padding:0 40px;margin:0}.profile-img-container{place-items:initial}}
/*# sourceMappingURL=main.f2b20cc8.chunk.css.map */