@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);*{color:#fff;font-family:Open Sans,sans-serif}body{margin:0;padding:0}.app{background-color:#343;display:flex}.side-bar{background-color:#202123;display:flex;flex-direction:column;height:100vh;justify-content:space-between;width:244px}button{background-color:initial;border:.5px solid hsla(0,0%,100%,.5);border-radius:5px}button,nav{margin:10px;padding:10px}nav{border-top:.5px solid hsla(0,0%,100%,.5)}.history{height:100%;margin:10px;padding:10px}.history li{cursor:pointer;list-style-type:none;padding:15px 0}.main{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between;text-align:center;width:100%}.info{color:rgba (255,255,255,.5);font-size:11px;padding:10px}.input-container{display:flex;flex-direction:row;max-width:650px;position:relative;top:60px;width:100%}input{background-color:hsla(0,0%,100%,.5);border:2px solid #ccc;border-radius:4px;box-shadow:0 54px 55px rgba (0,0,0,.05),0 -12px 30px rgba (0,0,0,.05),0 4px 6px rgba (0,0,0,.05),0 12px 3px rgba (0,0,0,.05),0 -3px 5px rgba (0,0,0,.05);flex:1 1;margin-right:8px;padding:8px;width:100%}.bottom-section{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;width:100%}button[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}input:focus{outline:none}.feed{overflow:scroll;padding:0;width:100%}.feed li{background-color:#444654;display:flex;margin:20px 0;padding:20px;width:100%}.feed p{color:hsla(0,0%,100%,.8);font-size:14px;text-align:left}.feed p.role{min-width:100px}
/*# sourceMappingURL=main.43929c4a.css.map*/