@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap);body{margin:0;height:100%;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;background-color:#2f86a6;display:flex;justify-content:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{height:100vh;width:700px;max-width:100vw;background-color:#2fdd92;flex-direction:column}.App,header{display:flex;position:relative}header{height:4rem;background-color:#34be82;align-items:center;justify-content:flex-start;flex-basis:0}h2{font-family:"Balsamiq Sans",cursive;color:#fff;font-size:2rem;letter-spacing:4px;margin-left:1rem}.type{position:absolute;height:5rem;left:50%;bottom:.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;padding:.5rem;align-items:center;justify-content:space-between;box-sizing:border-box;width:95%;background-color:#34be82;border-radius:20px}.type input{width:75%;height:4rem;outline:none;border:none;font-family:"Balsamiq Sans",cursive;background-color:transparent;padding-left:1.5rem;color:#fff;font-size:1.5rem;letter-spacing:1.5px}.type svg{width:15%;height:4rem;fill:azure;stroke:#34be82;stroke-width:2rem;transition:all .2s}.type svg:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.type input::-webkit-input-placeholder{color:#fff;font-size:1.5rem}.type input:-ms-input-placeholder{color:#fff;font-size:1.5rem}.type input::placeholder{color:#fff;font-size:1.5rem}header .signout{position:absolute;top:50%;right:1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:"Balsamiq Sans",cursive;background-color:#000;color:#f2f013;border:none;font-size:1rem;padding:.5rem 1rem;border-radius:20px;cursor:pointer;letter-spacing:1.5px}.signout svg{-webkit-transform:translateY(2.5px);transform:translateY(2.5px)}@media screen and (max-width:480px){h2{font-size:1.2rem}}.chatroom{min-height:calc(100vh - 9rem);max-height:calc(100vh - 9rem);font-family:"Balsamiq Sans",cursive;overflow:auto;padding-left:1rem;padding-right:1rem;display:flex;flex-direction:column;align-items:flex-start}.chatroom::-webkit-scrollbar{width:.5rem}.chatroom::-webkit-scrollbar-track{background:#34be82}.chatroom::-webkit-scrollbar-thumb{background:#f2f013}.chat:first-child{align-self:center}.chat{background-color:#f2f013;color:#000;width:auto;padding:.5rem 1rem;border-radius:20px;margin-bottom:2rem;margin-top:.5rem;max-width:12rem;overflow-wrap:break-word}.chat,.chat small{display:inline-block}.chat small{white-space:nowrap;-webkit-transform:translateY(-25px);transform:translateY(-25px)}.chat img{height:4rem;width:4rem;border-radius:50%}.signin{min-height:calc(100vh - 4rem);max-height:calc(100vh - 4rem);display:flex;justify-content:center;align-items:center}.signin button{font-family:"Balsamiq Sans",cursive;background-color:#000;color:#f2f013;border:none;font-size:2rem;padding:.5rem 1.2rem;border-radius:20px;transition:all .2s;cursor:pointer;letter-spacing:1.5px}.signin button:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.signin button svg{-webkit-transform:translateY(5px);transform:translateY(5px)}
/*# sourceMappingURL=main.d39add60.chunk.css.map */