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}#test{background:#232c31;color:#a7d2d9;color:#02b3d4;color:#006779;color:#007ac7;color:#004570;color:#0124b9;color:#012455}.closeButtonWrapper{display:flex;justify-content:right;margin-top:-20px;width:100%}.closeButton{border-radius:10px;margin-right:10px}.App-header{background-color:#282c34;min-height:100vh}.sidePanel{flex-direction:column;margin-right:0;padding:5px 0 20px 40px}.main{flex-grow:1;padding:20px}#background{background-image:linear-gradient(135deg,#007ac7 10%,#012455);height:100vh;margin-top:-22px}#background2{background-color:#232c30;height:100vh;margin-top:4px;min-width:100%;width:100vw}#title{color:#a7d2d9;font-family:Roboto,sans-serif;font-size:40px}#button,#title{text-align:center}#button{background-color:#02b3d4;border:none;color:#fff;display:inline-block;font-size:16px;height:30px;left:50%;margin:-20px -50px;padding:1px;position:relative;text-decoration:none;top:50%;width:100px}.openButton{-webkit-user-select:none;user-select:none}.mainPageTurn{display:flex;justify-content:center;margin-top:40px;width:100%}#mainPageButton{background-color:#02b3d4;border:none;color:#fff;display:inline-block;font-size:16px;height:30px;margin:20px;text-align:center;text-decoration:none;top:50%;width:100px}.sidePanelMover{display:flex;padding-top:25px}.horizBox{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:5px;margin-top:5px}.outerWrapper2{width:100%}.eventbutton{background-color:#02b3d4;border:none;border-radius:8px;color:#fff;display:inline-block;font-size:16px;height:60px;left:50%;margin:-20px -60px;padding:10px;position:relative;text-align:center;text-decoration:none;top:50%;width:150px}.eventbutton:hover{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:eventbuttonHover;animation-name:eventbuttonHover}@-webkit-keyframes eventbuttonHover{0%{background-color:#02b3d4}to{background-color:#027b90}}@keyframes eventbuttonHover{0%{background-color:#02b3d4}to{background-color:#027b90}}#generatebar{border:3px dashed #004570;color:#a7d2d9;font-family:Roboto,sans-serif;font-size:20px;margin:100px auto 0;padding-bottom:10px;padding-top:10px;text-align:center;width:320px}.chatMessagesAndSenderWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.chatMessages{height:50%;height:75vh;margin-top:10px;overflow-y:scroll;width:100%;z-index:1}.chatSender{align-items:center;display:flex;flex-direction:row;height:50%;height:15vh;justify-content:space-around;width:100%}.chatHead{height:100%;width:100%}.chatMainPage{color:#fff;display:flex;flex-direction:column;width:100%}.chatHeadContainer{background-image:linear-gradient(270deg,#1c1a21,#232c31);display:flex;flex-direction:row;height:15vh;width:100%}.chatSendMessage{align-items:center;background-color:#555f82;border-radius:50px;border-style:none;box-shadow:5px 5px 5px #22151e;box-sizing:initial;cursor:pointer;display:inline-block;display:flex;height:70%;justify-content:center;outline-style:none;-webkit-user-select:none;user-select:none;width:100px}.chatSendMessage:hover{background-color:#7c85a6}.chatSendMessage:active{background-color:#353d5b;box-shadow:1px 1px 1px #22151e}.chatTextInput{background:#232c31;border-radius:25px;color:#9aacb6;font-size:35px;height:60%;padding-left:20px;width:83%}.chatFromOther{background-color:#62656c;margin-left:30px}.chatFromOther,.chatFromSender{border-radius:20px;color:#b6bac1;display:flex;font-size:30px;margin-bottom:15px;max-width:70%;padding:10px}.chatFromSender{background-color:#373d55;margin-right:30px;min-width:5%}.chatMessageSender{display:flex;justify-content:right}.chatMessageOther{display:flex;justify-content:left}.chatName{color:#739eb4;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:24px;text-align:center}.chatWholeWrapper{display:flex;flex-direction:row;width:100vw}.chatMessageOther2{display:flex;justify-content:left}.outerWrapper{width:100%}ul{list-style-type:none}.sideButton{align-items:center;background-color:#006779;border:none;color:#fff;display:inline-block;display:flex;flex-direction:row;font-family:Comic Sans MS,Comic Sans,cursive;font-size:24px;height:50px;justify-content:center;left:6.5%;margin:8px -50px;padding:1px;position:relative;text-align:center;text-decoration:none;width:100%}.sideButton:hover{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:sideButtonHover;animation-name:sideButtonHover}@-webkit-keyframes sideButtonHover{0%{background-color:#006779}to{background-color:#0a4149}}@keyframes sideButtonHover{0%{background-color:#006779}to{background-color:#0a4149}}.padding{-webkit-filter:invert();filter:invert();padding-right:5px;padding-top:4px}#userInput{background:#f3f3ff;border-radius:25px;color:#39385a;font-size:35px;height:65px;padding-left:20px;width:60%}.chatBar{align-items:flex-start;background-color:#012455;color:#0000;display:flex;flex-direction:column;flex-shrink:0;padding:60px 20px 20px;width:30%}.chatButton{background-color:#012455}.chatButton,.selectedButton{align-items:center;border:none;border-bottom:3px solid #4a4747;color:#fff;display:inline-block;display:flex;flex-direction:row;font-family:Comic Sans MS,Comic Sans,cursive;font-size:24px;height:50px;justify-content:center;left:6.5%;margin:8px -28px;padding:1px;position:relative;text-align:center;text-decoration:none;width:100%}.selectedButton{background-color:#264064}.chatButton:hover{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:chatButtonHover;animation-name:chatButtonHover}@-webkit-keyframes chatButtonHover{0%{background-color:#012455}to{background-color:#0295af}}@keyframes chatButtonHover{0%{background-color:#012455}to{background-color:#0295af}}.outerWrapper{background-color:#232c31;display:flex;height:100vh}.sidePanel{align-items:flex-start;background-color:#006779;color:#0000;display:flex;flex-shrink:0;justify-content:right;padding:5px 0 20px 20px;width:40%}.sidePanelToggle:hover{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:sidePanelHover;animation-name:sidePanelHover}@-webkit-keyframes sidePanelHover{0%{background-color:#232c31}to{background-color:#006779}}@keyframes sidePanelHover{0%{background-color:#232c31}to{background-color:#006779}}@-webkit-keyframes closeHover{0%{background-color:#006779}to{background-color:#232c31}}@keyframes closeHover{0%{background-color:#006779}to{background-color:#232c31}}.openButton{-webkit-filter:invert(18%) sepia(37%) saturate(4087%) hue-rotate(183deg) brightness(90%) contrast(102%);filter:invert(18%) sepia(37%) saturate(4087%) hue-rotate(183deg) brightness(90%) contrast(102%)}.closeButton{border-radius:10px 0 0 10px;margin-right:0}.closeButton:hover{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:closeHover;animation-name:closeHover}.sidePanelToggle{background-color:#232c31;border:none;border-radius:0 10px 10px 0;color:#004570;display:grid;flex-shrink:0;height:50px;place-items:center;width:60px}.mainPageBody{align-items:flex-end;border:5px solid lime;color:#fff;display:grid;justify-content:center;margin:0;width:100%}.incoming_message{align-items:left;border:5px solid lime}.send_message_area{margin-bottom:5rem}.input_box{margin:1rem}.message_scroll_area{border:5px solid lime;display:flex;min-height:40px;min-width:100%}.messages-wrapper{margin-bottom:60px;padding:30px}.chat-bubble{align-items:flex-start;background-color:#7cc5d9;border-radius:20px 20px 20px 0;box-shadow:-2px 2px 1px 1px #4c768d;color:#1c2c4c;display:flex;margin-bottom:20px;max-width:calc(100% - 50px);padding:15px;width:-webkit-max-content;width:max-content}.chat-bubble.right{background-color:#fff;border-radius:20px 20px 0 20px;box-shadow:-2px 2px 1px 1px #88dded;margin-left:auto}.chat-bubble__left{border-radius:50%;height:35px;margin-right:10px;width:35px}.user-name{color:#1c2c4c;font-size:.9rem;font-weight:700;margin-bottom:5px}.user-message{word-break:break-all}.message-time{display:block;text-align:right}.send-message{background-color:#4c768d;bottom:0;display:flex;padding:20px 30px;position:fixed;width:100%}.send-message>input{background-color:#fff;border:none;border-radius:5px 0 0 5px;color:#1c2c4c;flex-grow:1;font-size:1rem;height:40px;padding:10px}.send-message>input:placeholder{color:#ddd}.send-message>:is(input,button):focus{border-bottom:1px solid #7cc5d9;outline:none}.send-message>button{background-color:#7cc5d9;border:1px solid #7cc5d9;border-radius:0 5px 5px 0;color:#242443;font-weight:600;height:40px;padding:5px 10px;width:70px}.border{color:#fff;display:grid;margin-top:4rem}.border,.border2{align-items:center;justify-content:center}.border2{display:flex}
/*# sourceMappingURL=main.6ac0e650.css.map*/