Add files via upload

backend-socket.io/public/static/css/main.b84604be.css

+body{background:url(/static/media/recipe.dabafb9a8e0669957d3e.jpeg);background-size:cover;margin:0}.main{background-color:#d0d0d0;border:3px solid #fff;border-radius:30px;height:90vh;margin:20px auto auto;max-width:700px;overflow:hidden;position:relative;transition:margin .4s cubic-bezier(.17,.04,.03,.94)}footer{color:#5b5b5b;margin:20px}.placeholder-white::-webkit-input-placeholder{color:#fff}.placeholder-white::placeholder{color:#fff}.msg_section{background-image:url(/static/media/dark.5c87165e18bc648e9cd1.jpeg);background-size:cover;height:calc(100% - 103px);overflow:auto;position:absolute;width:100%}.header{background:#fff;background:linear-gradient(90deg,#fff,#818181 35%,#000);border-bottom:3px solid #fff;border-top-left-radius:30px;border-top-right-radius:30px;color:#fff;font-family:Times New Roman,Times,serif;font-size:1.6em;margin:auto;padding:10px;text-align:center}.left_message{margin-bottom:20px;margin-left:20px;margin-top:20px}.left_message,.right_message{word-wrap:break-word;display:flex;max-width:80%}.right_message{flex-direction:row-reverse;margin:20px 20px 20px auto}.msg{word-wrap:break-word;border-top-left-radius:10px;border-top-right-radius:10px;font-family:Georgia,Times New Roman,Times,serif;min-width:100px;padding:10px 10px 15px}.msg.left{background:linear-gradient(135deg,#fff,#818181);border-bottom-right-radius:10px;margin-left:10px}.msg.right{background:linear-gradient(135deg,#818181,#fff);border-bottom-left-radius:10px;color:#fff;margin-right:10px}.mes_info{display:flex;font-size:1.2em;font-weight:700;margin-bottom:5px;margin-left:6px}.mes_header{margin-right:6px;max-width:60%}.mes_time{font-size:.5em;margin:auto 1px 5px auto}.mes_text{font-size:1em;margin-left:6px}@media (min-width:992px){.msg_area{height:calc(100% - 101px)}}.icon{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:50px;margin:auto 0 0;min-width:50px;width:50px}.icon,.icon.left{background-image:url(/static/media/person-icon.12ea4f36f0d28be91e34.png)}.header_bottom{background:#fff;background:linear-gradient(90deg,#fff,#818181 35%,#000);border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-top:3px solid #fff;bottom:0;display:flex;height:50px;position:absolute;width:100%}#input_section{border:none;border-radius:5px 5px 5px 15px;display:flex;flex:1 1;font-size:1.3em;height:auto;margin:8px 3px 8px 11px;overflow-y:auto;padding:2px 2px 2px 10px;resize:none;width:60%}.send_button{background-color:#818181;border:none;border-radius:5px 5px 15px 5px;color:#fff;cursor:pointer;margin:8px 8px 8px 3px;overflow:hidden;text-align:center;transition-duration:.3s;width:60px}.send_button:hover{background-color:#e3e2f3}footer{color:#000;margin-bottom:5px;margin-left:20px;margin-top:0}
+/*# sourceMappingURL=main.b84604be.css.map*/
\ No newline at end of file

backend-socket.io/public/static/css/main.b84604be.css.map

+{"version":3,"file":"static/css/main.b84604be.css","mappings":"AAAA,KACI,8DAA8B,CAC9B,qBAAsB,CACtB,QACJ,CAEA,MAOI,wBAAyB,CACzB,qBAAuB,CACvB,kBAAmB,CANnB,WAAwB,CAGxB,qBAAgB,CAFhB,eAAgB,CAMhB,eAAgB,CARhB,iBAAkB,CADlB,mDAUJ,CAEA,OAEI,aAAc,CADd,WAEJ,CAEA,8CACI,UACJ,CAFA,gCACI,UACJ,CAEA,aAII,kEAAkC,CAClC,qBAAsB,CAFtB,yBAA0B,CAG1B,aAAc,CALd,iBAAkB,CAClB,UAKJ,CAEA,QAMI,eAA4B,CAC5B,uDAAuG,CACvG,4BAA2C,CAC3C,2BAA4B,CAC5B,4BAA6B,CAL7B,UAAyB,CAMzB,uCAA4C,CAP5C,eAAgB,CAHhB,WAAY,CACZ,YAAa,CACb,iBASJ,CAEA,cAKI,kBAAmB,CAFnB,gBAAiB,CACjB,eAGJ,CACA,6BAFI,oBAAqB,CALrB,YAAa,CACb,aAYJ,CANA,eAGI,0BAA2B,CAC3B,0BAEJ,CAEA,KAMI,oBAAqB,CAHrB,2BAA4B,CAC5B,4BAA6B,CAC7B,+CAAqD,CAJrD,eAAgB,CAChB,sBAMJ,CACA,UAGI,+CAA6D,CAD7D,+BAAgC,CADhC,gBAGJ,CACA,WAII,+CAA6D,CAF7D,8BAA+B,CAC/B,UAAY,CAFZ,iBAIJ,CACA,UACI,YAAa,CAIb,eAAgB,CADhB,eAAiB,CAFjB,iBAAkB,CAClB,eAGJ,CACA,YACI,gBAAiB,CACjB,aACJ,CACA,UAEI,cAAgB,CADhB,wBAEJ,CAEA,UAEI,aAAc,CADd,eAEJ,CAGA,yBACI,UACI,yBACJ,CACJ,CAEA,MAMI,uBAA2B,CAD3B,2BAA4B,CAE5B,qBAAsB,CAEtB,iBAAkB,CAPlB,WAAY,CAEZ,eAAkB,CADlB,cAAe,CAFf,UASJ,CAEA,iBAJI,wEAMJ,CAGA,eAMI,eAA4B,CAC5B,uDAAuG,CAEvG,8BAA+B,CAC/B,+BAAgC,CAFhC,yBAA2B,CAH3B,QAAS,CAHT,YAAa,CAEb,WAAY,CAHZ,iBAAkB,CAElB,UAQJ,CAEA,eAMI,WAAY,CACZ,8BAA+B,CAN/B,YAAa,CAEb,QAAO,CAKP,eAAgB,CAChB,WAAY,CALZ,uBAAwB,CAMxB,eAAgB,CALhB,wBAAyB,CAMzB,WAAY,CATZ,SAUJ,CAEA,aAOI,wBAAyB,CAHzB,WAAY,CACZ,8BAA+B,CAC/B,UAAc,CAHd,cAAe,CADf,sBAAuB,CAOvB,eAAgB,CAChB,iBAAkB,CAFlB,uBAAyB,CAPzB,UAUJ,CAEA,mBACI,wBACJ,CAEA,OAII,UAAc,CAFd,iBAAkB,CAClB,gBAAiB,CAFjB,YAIJ","sources":["styles/style.css"],"sourcesContent":["body{\n    background: url('recipe.jpeg');\n    background-size: cover;\n    margin: 0;\n}\n\n.main {\n    transition: margin 400ms cubic-bezier(0.17,0.04,0.03,0.94);\n    position: relative;\n    height: calc(90vh - 0px);\n    max-width: 700px;\n    margin: auto;\n    margin-top: 20px;\n    background-color: #d0d0d0;\n    border: 3px solid white;\n    border-radius: 30px;\n    overflow: hidden;\n}\n\nfooter{\n    margin: 20px;\n    color: #5b5b5b;\n}\n\n.placeholder-white::placeholder {\n    color: white;\n}\n\n.msg_section{\n    position: absolute;\n    width: 100%;\n    height: calc(100% - 103px);\n    background-image: url(\"dark.jpeg\");\n    background-size: cover;\n    overflow: auto;\n}\n\n.header{\n    margin: auto;\n    padding: 10px;\n    text-align: center;\n    font-size: 1.6em;\n    color: rgb(255, 255, 255);\n    background: rgb(255,255,255);\n    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(129,129,129,1) 35%, rgba(0,0,0,1) 100%);\n    border-bottom: 3px solid rgb(255, 255, 255);\n    border-top-left-radius: 30px;\n    border-top-right-radius: 30px;\n    font-family: 'Times New Roman', Times, serif;\n}\n\n.left_message{\n    display: flex;\n    max-width: 80%;\n    margin-left: 20px;\n    margin-top: 20px;\n    margin-bottom: 20px;\n    word-wrap: break-word;\n}\n.right_message{\n    display: flex;\n    max-width: 80%;\n    flex-direction: row-reverse;\n    margin: 20px 20px 20px auto;\n    word-wrap: break-word;\n}\n\n.msg{\n    min-width: 100px;\n    padding: 10px 10px 15px 10px;\n    border-top-left-radius: 10px;\n    border-top-right-radius: 10px;\n    font-family: Georgia, 'Times New Roman', Times, serif;\n    word-wrap: break-word;\n\n}\n.msg.left{\n    margin-left: 10px;\n    border-bottom-right-radius: 10px;\n    background: linear-gradient(135deg, #ffffff 0%, #818181 100%);\n}\n.msg.right{\n    margin-right: 10px;\n    border-bottom-left-radius: 10px;\n    color: white;\n    background: linear-gradient(135deg, #818181 0%, #ffffff 100%);\n}\n.mes_info{\n    display: flex;\n    margin-bottom: 5px;\n    margin-left: 6px;\n    font-weight: bold;\n    font-size: 1.2em;\n}\n.mes_header{\n    margin-right: 6px;\n    max-width: 60%;\n}\n.mes_time{\n    margin: auto 1px 5px auto;\n    font-size: 0.5em;\n}\n\n.mes_text{\n    margin-left: 6px;\n    font-size: 1em;\n}\n\n\n@media (min-width: 992px){\n    .msg_area{\n        height: calc(100% - 101px);\n    }\n}\n\n.icon{\n    width: 50px;\n    height: 50px;\n    min-width: 50px;\n    margin: auto 0 0 0;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n    background-image: url(person-icon.png);\n    border-radius: 50%;\n}\n\n.icon.left{\n    background-image: url(person-icon.png)\n}\n\n\n.header_bottom{\n    position: absolute;\n    display: flex;\n    width: 100%;\n    height: 50px;\n    bottom: 0;\n    background: rgb(255,255,255);\n    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(129,129,129,1) 35%, rgba(0,0,0,1) 100%);\n    border-top: 3px solid white;\n    border-bottom-left-radius: 30px;\n    border-bottom-right-radius: 30px;\n}\n\n#input_section{\n    display: flex;\n    width: 60%;\n    flex: 1;\n    margin: 8px 3px 8px 11px;\n    padding: 2px 2px 2px 10px;\n    border: none;\n    border-radius: 5px 5px 5px 15px;\n    font-size: 1.3em;\n    height: auto;\n    overflow-y: auto;\n    resize: none;\n}\n\n.send_button{\n    width: 60px;\n    margin: 8px 8px 8px 3px;\n    cursor: pointer;\n    border: none;\n    border-radius: 5px 5px 15px 5px;\n    color: #ffffff;\n    background-color: #818181;\n    transition-duration: 0.3s;\n    overflow: hidden;\n    text-align: center;\n}\n\n.send_button:hover{\n    background-color: #e3e2f3;\n}\n\nfooter{\n    margin-top: 0;\n    margin-bottom: 5px;\n    margin-left: 20px;\n    color: #000000;\n}"],"names":[],"sourceRoot":""}
\ No newline at end of file