@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap);*{padding:0}*,body{margin:0}body{color:#fff;font-family:"Montserrat",-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}.home{background-color:rgba(12,12,12,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:100;min-height:100vh}.signInButton{width:100px}.signInButton,.signOutButton{color:#f5f5f5;background-color:#f06;text-align:center;padding:8px 16px;border-radius:.5em;font-weight:500;cursor:pointer}.signOutButton{width:120px}.comment{color:#fff;margin:8px 0}.commentInput{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:8px 0}.commentInput__textArea{width:90%;border:none;resize:none;padding:4px 16px;font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue";border-radius:8px;background:hsla(0,0%,100%,.11);color:#fff}.commentInput__textArea:focus{outline:none}.commentInput__sendBtn{cursor:pointer;text-align:center;width:10%}.navbar{-webkit-justify-content:space-between;justify-content:space-between;padding:12px 24px;background:linear-gradient(hsla(0,0%,100%,.2),hsla(0,0%,100%,.11));box-shadow:0 3px 6px rgba(0,0,0,.11),0 3px 6px rgba(0,0,0,.05)}.navbar,.navbar__logo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.navbar__logo>img{width:35px;height:35px;margin-right:8px}.navbar__image{height:35px;border-radius:8px}.navbar__logo>p{font-weight:600;letter-spacing:3px}.createPost{-webkit-justify-content:center;justify-content:center;padding:24px}.createPost,.createPost__loggedOut{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.createPost__loggedOut{-webkit-flex-direction:column;flex-direction:column}.createPost__loggedOut>h1{margin-bottom:20px}.createPost__loggedIn{background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.11));box-shadow:0 3px 6px rgba(0,0,0,.11),0 3px 6px rgba(0,0,0,.05);width:100%;max-width:600px;padding:12px 16px;border-radius:16px}.createPost__textarea{border:none;width:100%;outline:none;border-radius:4px;padding:12px 16px;margin:12px 0;font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background-color:hsla(0,0%,100%,.11);resize:none}#image-preview{display:none;max-height:150px;border-radius:5px;margin:0 0 8px}.createPost__imageUpload>input{display:none}.createPost__uploadBtn{border:none;padding:5px;background-color:hsla(0,0%,100%,.11);border-radius:5px}.createPost__bottom{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.post{background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.11));box-shadow:0 3px 6px rgba(0,0,0,.11),0 3px 6px rgba(0,0,0,.05);padding:16px;border-radius:16px;width:90vw;max-width:600px;margin:16px 0}.post__header{-webkit-justify-content:space-between;justify-content:space-between}.post__header,.post__headerLeft{display:-webkit-flex;display:flex}.post__headerLeft{-webkit-align-items:center;align-items:center}.post__headerLeft>img{height:35px;border-radius:8px}.post__delete{border:none;background:none;color:#fff;cursor:pointer}.post__delete:hover{color:#f06}.post__delete:focus{outline:none}.post__content{margin:16px 0;max-height:300px;background-repeat:no-repeat;background-size:cover;background-position:50%}.post__image{-webkit-backdrop-filter:blur(5px) brightness(.3);backdrop-filter:blur(5px) brightness(.3);width:100%;max-height:300px;object-fit:contain}.post__caption{color:#fff}.feed{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}
/*# sourceMappingURL=main.d8cbd25c.chunk.css.map */