body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.message{align-items:flex-end;background-color:brown;height:300px;margin-top:5px;position:relative;width:300px}.message,.message-card{display:flex;justify-content:center}.message-card{flex-direction:column;margin-bottom:15px}.message-card button{border:1px solid #000;border-radius:300px;margin-top:5px;padding:.4rem 0}.message-card button:hover{background-color:#8a2be2}.message-card input{outline:none;padding:.6rem}.message img{border-radius:30% 30% 30% 30%;height:160px;margin-top:46px;position:absolute;top:0;width:160px}.message img:hover{background-color:red;border:2px solid green}.join{background:#fff;border:1px solid #000;border-radius:100px;color:green;margin-bottom:10px;margin-left:3px;margin-top:5px;padding:.3rem}.join:hover{background-color:red;color:#ff0}.name{background:#000;color:green;font-family:sans-serif;text-transform:uppercase}.wrapper{display:flex;flex-direction:column}.message-box{align-items:flex-end;border-bottom:1px solid #000;display:flex;justify-content:flex-end;margin:5px;position:relative;text-transform:uppercase}span{background-color:#ff0;color:blue;font-size:.55rem;left:0;position:absolute}.m1{font-size:1.3rem;margin:0 0 0 63px}.error{align-items:center;background-color:rgba(1,1,1,.8);display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;visibility:visible;width:100%}.error:target{opacity:0;visibility:hidden}.modal{background:#fff;border:1px solid #000;display:flex;flex-direction:column;height:170px;position:absolute;width:170px}.modal p1{color:red;font-family:monospace;font-size:1.7rem;margin-top:60px;text-transform:uppercase;vertical-align:bottom}.close{height:30px;margin-right:5px;margin-top:5px;position:absolute;right:0;width:30px}.close:hover{background:red}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.94dc208c.css.map*/