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}.App{grid-column-gap:10px;grid-row-gap:20px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:5% auto 5%;grid-template-rows:13% minmax(500px,1fr) 15%;height:100vh;row-gap:20px;text-align:center;z-index:-5}.App,input,textarea{background-color:#aaadaf}input,textarea{border-radius:15px;padding:5px 10px}.footer,.header{background-color:#383838;color:#f0f8ff;grid-column:1/4;width:100%}.btn,button{background-color:#500;border:0;border-radius:3px;border-radius:15px;color:#fff;font-size:.8rem;font-weight:700;line-height:22px;padding:2px 35px;text-decoration:none;text-transform:uppercase}.message-body{height:200px;width:400px}.error{align-items:center;background-color:#ffb3b3;border-radius:15px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:5px 15px}.message{display:grid;grid-template-columns:100%;grid-template-rows:15% 15% 60%;height:100%;width:100%}.message div{display:grid;grid-template-columns:1fr 1fr}.message .message-content,.message div{padding-left:15px;text-align:left!important}.show-message{align-items:center;border-bottom:5px solid #000;display:flex;flex-direction:column;grid-row:1/2;height:100%;justify-content:center;width:100%}.send-form div{display:grid;grid-template-columns:1fr 1fr;padding-bottom:20px}.main-body{background-color:#777;border:5px solid #000;border-radius:15px;display:grid;grid-column:2/3;grid-row:2/4;grid-template-columns:50% 50%;grid-template-rows:100%;height:minmax(710px,100%)}.send-message{border-right:5px solid #000;display:grid;grid-column:1/2;grid-template-columns:10% auto 10%;grid-template-rows:20% auto 5%;height:100%}.send-message .message-confirmation{grid-column:2/3}.send-message form{grid-column:2/3;grid-row:2/4;height:100%}.read-message{display:grid;grid-column:2/3;grid-template-rows:50% 50%;height:100%;width:100}
/*# sourceMappingURL=main.06a6c275.css.map*/