#root,#root-container,.App,body,html{background-color:hsla(0,0%,100%,.69);height:100%;width:100%}.App{display:flex;flex-wrap:wrap;height:100%;justify-content:center;text-align:center;width:100%}@media screen and (max-width:990px){body .post{padding:2rem 0;width:40%}body .user-container p{font-size:1rem}body .rightSideBar form{position:relative;right:50px;top:5%;width:120px}body #logout-btn,body #postContent{font-size:1rem}}@media screen and (max-width:850px){body .edit-profile-grid{margin-right:40%}body .edit-button{right:78%;top:-7px}body .delete-profile-button{right:78%;top:0}}@media screen and (max-width:600px){body #postContent{font-size:.6rem;padding:10px}body .post{width:100%}body .sidebar{background-color:initial}body #logout-btn,body .user-container p{font-size:.6rem}body .rightSideBar form{right:30px;width:80px}body .edit-profile-grid{margin-right:0;margin-top:20%}}@media screen and (max-width:460px){body .post-input-container{width:90%}body .header{padding:1rem}body #bioInput,body .username-input{width:65%}}.header{background-color:hsla(0,0%,100%,.9);box-shadow:0 2px 4px rgba(0,0,0,.1);height:11vh;justify-content:space-between;padding:1rem 2rem;width:100%}.header,.header-left,.header-right{align-items:center;display:flex}.header-title{font-size:1.5rem;font-weight:500;margin:0}.header-btn{background-color:#2196f3;border:1px solid rgba(0,0,0,.2);border-radius:5px;color:rgba(0,0,0,.7);font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease-in-out}.header-btn:hover{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.9);cursor:pointer}.posts{display:flex;flex-wrap:wrap;justify-content:center;margin:2rem 0}.post{background-color:#f2f2f2;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:1rem;padding:1rem;text-align:center;width:30%}.post-author-container{padding-bottom:20px;text-align:left}.post-input-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:2rem;width:70%}#postContent{border:1px solid #d9d9d9;border-radius:5px;font-size:1.2rem;margin-bottom:1rem;padding:1rem;width:100%}button.btn{background-color:#1e90ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem}button.btn:hover{background-color:#0077be}#post-btn{width:100%}.sidebar{background-color:hsla(0,0%,100%,.69);height:100%}.rightSideBar{top:15vh}.user-container{align-items:center;background-color:#f5f5f5;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:1vw}.greeting{font-size:1.2rem;margin:auto}.user{font-size:1.5rem;font-weight:700;margin:auto}#logout-btn{margin-top:1vh}main{font-size:calc(10px + 2vmin);height:100%;margin-top:5vh;width:100%}.fixed{position:fixed}.profile-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.profile-pic{border-radius:50%;height:150px;object-fit:cover;width:150px}.username{font-size:24px;font-weight:700;margin-top:20px}.bio{font-size:16px;margin-top:10px;text-align:center}.social-links{display:flex;margin-top:20px}.social-link{margin-right:10px}.social-link img{height:30px;width:30px}.edit-button{background-color:#1e90ff;border:none;border-radius:5px;box-shadow:0 4px 0 #000099c4;color:#fff;cursor:pointer;font-size:.7rem;padding:.4rem .8rem;position:relative;right:280px;text-shadow:0 1px 0 #002d66;top:31px}.edit-button:hover{background-color:#0077be}.edit-button:focus{outline:none}.username-input{background-color:initial;border:1px solid #d9d9d9;border-radius:5px;font-size:24px;font-weight:700;margin-top:5px;padding:.1rem;text-align:center;width:85%}.username-input:focus{border-bottom:2px solid blue;outline:none}.bio-input{background-color:initial;border:1px solid #d9d9d9;border-radius:5px;font-size:24px;font-weight:700;height:300px;height:16.75vh;margin-top:5px;padding:.1rem;text-align:center;width:150%}.bio-input:focus{border-bottom:2px solid blue;outline:none}.edit-profile-grid{background-color:#f5f5f5;border-radius:10px;display:grid;grid-template-columns:repeat(3,150px);max-width:500px;z-index:0}.edit-profile-grid img{grid-column:2/4;margin-top:7px}.edit-profile-grid form{grid-column:1/4}#profile-form{align-items:center;display:flex;flex-direction:column}#edit-name-btn{background-color:#f5f5f5;border:none;color:#1e90ff;font-size:15px}.edit-name-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.edit-name-container button{left:20px;position:relative}.edit-name-container input{width:30%}#name-form{width:100%}.edit-bio-container{align-items:center;display:flex;flex-direction:column;justify-content:center}#edit-bio-btn{background-color:#f5f5f5;border:none;color:#1e90ff;font-size:15px}#bio-form{width:100%}#bioInput{height:180px;width:85%}.name-exists{color:red;font-size:17px;grid-column:1/4;position:relative;right:28px;width:100%}.delete-profile-button{background-color:red;border:none;border-radius:5px;box-shadow:0 4px 0 #900;color:#fff;cursor:pointer;font-size:10px;font-weight:700;padding:7.5px;position:relative;right:280px;text-shadow:0 1px 0 #600;top:38px;width:85px}.delete-profile-button:hover{background-color:#c24444}.confirm-profile-delete{align-items:center;background-color:#f5f5f5;border-radius:10px;display:flex;flex-direction:column;height:110px;justify-content:center;width:50%}.confirm-profile-delete p{font-size:15px;margin:5px}.really-delete-profile-button{background-color:red;border:none;border-radius:5px;box-shadow:0 4px 0 #900;color:#fff;cursor:pointer;font-size:10px;font-weight:700;padding:7.5px;text-shadow:0 1px 0 #600;width:85px}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-form{background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.3);max-width:400px;padding:40px}.form-group{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:5px}input,input #username{border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.login-btns,input,input #username{font-size:16px;padding:10px;width:100%}.login-btns{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;margin-top:7px;transition:background-color .2s ease-in-out}.btn:hover{background-color:#0062cc}.red{color:red}.green{color:green}.login-form h2{margin-bottom:1vw}label{margin-top:.75vw}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}
/*# sourceMappingURL=main.2d84cae0.css.map*/