*,:after,:before{box-sizing:border-box;font-family:Roboto,sans-serif}html{box-sizing:border-box}body,html{height:100%;width:100%}body{margin:0;padding:0}body #root{position:relative}.App,body #root{height:100%;width:100%}.App{text-align:center;display:grid;grid-template:100%/100px auto 30%}.centralpanel{grid-area:1/2/2/3}.centralpanel:before{display:flex;align-items:center;position:relative;height:50px;width:100%;content:"Home";padding:1em;font-size:1.3em;font-weight:700;border:.5px solid #e8ebec}@media only screen and (max-width:1024px){.App{grid-template:100%/50px auto}}@media only screen and (max-width:600px){.App{display:flex}.centralpanel{width:100vw}}.sendmessage{height:auto;border:.5px solid #e8ebec;border-top:none;padding:1em;display:grid;grid-template:100%/60px auto}.sendmessage .picture{position:relative;height:auto;width:100%;grid-area:1/1/1/2;height:50px;width:50px;border-radius:50%;background:#8cf}.sendmessage .picture img{height:50px;width:50px;border-radius:50%}.sendmessage .top{padding-top:.7em;display:flex}.sendmessage .top .input{padding:0;margin:0;width:100%;text-decoration:none;border:none;font-size:1.3em;font-weight:500;height:73px;resize:none}.sendmessage .top .input:focus{outline:none;text-decoration:none}.sendmessage .bottom{display:flex;justify-content:space-between;align-items:flex-start}.sendmessage .bottom .addingmedia .input{padding:0;width:100%;color:#707070;margin:0 0 10px}.sendmessage .bottom .addingmedia img{border-radius:20px;max-height:400px;max-width:500px}.sendmessage .bottom .addingmedia .text{font-size:.8em;font-weight:900;color:#2b9bf0;text-align:left}@media only screen and (max-width:620px){.sendmessage .top .input{height:121px}.bottom{flex-direction:column}.bottom .button{margin-top:5px;right:0;align-self:flex-end}}.receivemessage{position:relative;height:auto;width:100%;display:grid;grid-template:100%/60px auto;padding:1em;border:.5px solid #e8ebec;border-top:none}.receivemessage .picture{position:relative;height:auto;width:100%;grid-area:1/1/1/2;height:50px;width:50px;border-radius:50%;background:#8cf}.receivemessage .picture img{height:50px;width:50px;border-radius:50%}.receivemessage .message{overflow:hidden;overflow-wrap:anywhere;padding:0;margin:.3em 0 0;position:relative;height:auto;width:100%;grid-area:1/2/1/3;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.receivemessage .message .information{display:flex;margin-bottom:.3em;padding:0}.receivemessage .message .information .sender{font-weight:900;text-align:left}.receivemessage .message .information .timestamp{color:grey;text-align:left}.receivemessage .message .information .timestamp:before{content:"·";padding:0 5px}.receivemessage .message .text{text-align:left}.receivemessage .message .text img{margin-top:10px;border-radius:20px;max-height:400px;max-width:500px}@media only screen and (max-width:1024px){.information{flex-direction:column}.timestamp:before{display:none}.receivemessage{padding:.4em}.receivemessage .message .information>*{font-size:.8em}.receivemessage .message .text img{max-width:80vw}.receivemessage:last-child:after{content:"";height:40px}}.IconMenu{grid-area:1/1/2/2;position:fixed;width:100px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding-right:10px}.IconMenu .img{cursor:pointer;height:50px;display:flex;align-items:center;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-filter:-webkit-grayscale(50%);filter:-webkit-grayscale(50%)}.IconMenu .img>img{width:30px}.IconMenu .faucet>img{width:31px}.IconMenu .account{cursor:pointer;position:absolute;bottom:20px;right:5px;height:40px;width:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:1024px){.IconMenu{width:50px}}@media only screen and (max-width:600px){.IconMenu{position:fixed;bottom:0;height:60px;width:100%;z-index:1;background:#fff;flex-direction:row;justify-content:space-around;align-items:center}.IconMenu .logo{display:none}.IconMenu .account{position:relative;height:35px;width:35px;bottom:0}}button{border:none;border-radius:20px;height:40px;width:80px;background:#2b9bf0;color:#fff;font-weight:700;font-size:1.1em}.InformationPanel{grid-area:1/3/2/4;position:-webkit-sticky;position:sticky;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:50px}.InformationPanel .instructions{background:#f7f9f9;height:600px;width:80%;padding:10px 10px 10px 20px;border-radius:20px}.InformationPanel .instructions .title{font-weight:900;font-size:1.2em;text-align:start;margin:10px 10px 10px 0}.InformationPanel .instructions .list{position:relative;height:90%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;list-style:none}.InformationPanel .instructions .list li{text-align:start}.InformationPanel .instructions .list li .subtitle{font-weight:600;font-size:.9em}.InformationPanel .instructions .list li .text{font-weight:200;font-size:.9em;color:#626262}.InformationPanel .instructions .list li .text.important,.InformationPanel .instructions .list li .text a{color:#2b9bf0}@media only screen and (max-width:1324px){.InformationPanel .instructions{height:750px}}@media only screen and (max-width:1024px){.InformationPanel{display:none;visibility:hidden}}@media only screen and (max-width:600px){.InformationPanel{display:none;visibility:hidden}}
/*# sourceMappingURL=main.e7eb1a5a.chunk.css.map */