body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}p{margin:0}:root{--independence:#5d576a;--light-independence:rgba(93,87,106,0.5);--extra-light-independence:rgba(93,87,106,0.2);--dark-brick-pink:#f8567b;--brick-pink:#f785a0;--light-brick-pink:#fadfe5;--dark-ocean-green:#2f7955;--ocean-green:#72ba9b;--light-ocean-green:#d5f2e3;--dark-blue-jeans:#2b83cc;--blue-jeans:#41a7fa;--light-blue-jeans:#c2dbf0;--dark-lavender:#734aad;--lavender:#a881dd;--light-lavender:#daceeb;--dark-apple-red:#ce0000;--apple-red:#eb3636;--light-apple-red:#facfcf;--dark-mikado-yellow:#f7a709;--mikado-yellow:#ffc600;--light-mikado-yellow:#ffefb7}html{font-size:62.5%}@media (max-width:1024px){html{font-size:56.25%}}body{font-family:"Rubik",sans-serif}input{outline:none;border:none;font-family:inherit}.bgc-pink,.hover-bgc-pink:hover{background-color:#f785a0;background-color:var(--brick-pink)}.color-pink{color:#f785a0;color:var(--brick-pink)}.border-bottom-pink{border-bottom-color:#f785a0;border-bottom-color:var(--brick-pink)}.bgc-blue,.hover-bgc-blue:hover{background-color:#41a7fa;background-color:var(--blue-jeans)}.color-blue{color:#41a7fa;color:var(--blue-jeans)}.border-bottom-blue{border-bottom-color:#41a7fa;border-bottom-color:var(--blue-jeans)}.bgc-green,.hover-bgc-green:hover{background-color:#72ba9b;background-color:var(--ocean-green)}.color-green{color:#72ba9b;color:var(--ocean-green)}.border-bottom-green{border-bottom-color:#72ba9b;border-bottom-color:var(--ocean-green)}.bgc-purple,.hover-bgc-purple:hover{background-color:#a881dd;background-color:var(--lavender)}.color-purple{color:#a881dd;color:var(--lavender)}.border-bottom-purple{border-bottom-color:#a881dd;border-bottom-color:var(--lavender)}.bgc-red,.hover-bgc-red:hover{background-color:#eb3636;background-color:var(--apple-red)}.color-red{color:#eb3636;color:var(--apple-red)}.border-bottom-red{border-bottom-color:#eb3636;border-bottom-color:var(--apple-red)}.bgc-yellow,.hover-bgc-yellow:hover{background-color:#ffc600;background-color:var(--mikado-yellow)}.color-yellow{color:#ffc600;color:var(--mikado-yellow)}.border-bottom-yellow{border-bottom-color:#ffc600;border-bottom-color:var(--mikado-yellow)}.bgc-dark-pink{background-color:#f8567b;background-color:var(--dark-brick-pink)}.color-dark-pink,.hover-color-dark-pink:hover,.selected-dark-pink{color:#f8567b;color:var(--dark-brick-pink)}.pulse-pink{background-image:radial-gradient(#f8567b,#f785a0);background-image:radial-gradient(var(--dark-brick-pink),var(--brick-pink));box-shadow:0 0 0 0 #f8567b;box-shadow:0 0 0 0 var(--dark-brick-pink)}.bgc-dark-blue{background-color:#2b83cc;background-color:var(--dark-blue-jeans)}.color-dark-blue,.hover-color-dark-blue:hover,.selected-dark-blue{color:#2b83cc;color:var(--dark-blue-jeans)}.pulse-blue{background-image:radial-gradient(#2b83cc,#41a7fa);background-image:radial-gradient(var(--dark-blue-jeans),var(--blue-jeans));box-shadow:0 0 0 0 #2b83cc;box-shadow:0 0 0 0 var(--dark-blue-jeans)}.bgc-dark-green{background-color:#2f7955;background-color:var(--dark-ocean-green)}.color-dark-green,.hover-color-dark-green:hover,.selected-dark-green{color:#2f7955;color:var(--dark-ocean-green)}.pulse-green{background-image:radial-gradient(#2f7955,#72ba9b);background-image:radial-gradient(var(--dark-ocean-green),var(--ocean-green));box-shadow:0 0 0 0 #2f7955;box-shadow:0 0 0 0 var(--dark-ocean-green)}.bgc-dark-purple{background-color:#734aad;background-color:var(--dark-lavender)}.color-dark-purple,.hover-color-dark-purple:hover,.selected-dark-purple{color:#734aad;color:var(--dark-lavender)}.pulse-purple{background-image:radial-gradient(#734aad,#a881dd);background-image:radial-gradient(var(--dark-lavender),var(--lavender));box-shadow:0 0 0 0 #734aad;box-shadow:0 0 0 0 var(--dark-lavender)}.bgc-dark-red{background-color:#ce0000;background-color:var(--dark-apple-red)}.color-dark-red,.hover-color-dark-red:hover,.selected-dark-red{color:#ce0000;color:var(--dark-apple-red)}.pulse-red{background-image:radial-gradient(#ce0000,#eb3636);background-image:radial-gradient(var(--dark-apple-red),var(--apple-red));box-shadow:0 0 0 0 #ce0000;box-shadow:0 0 0 0 var(--dark-apple-red)}.bgc-dark-yellow{background-color:#f7a709;background-color:var(--dark-mikado-yellow)}.color-dark-yellow,.hover-color-dark-yellow:hover,.selected-dark-yellow{color:#f7a709;color:var(--dark-mikado-yellow)}.pulse-yellow{background-image:radial-gradient(#f7a709,#ffc600);background-image:radial-gradient(var(--dark-mikado-yellow),var(--mikado-yellow));box-shadow:0 0 0 0 #f7a709;box-shadow:0 0 0 0 var(--dark-mikado-yellow)}.bgc-light-pink{background-color:#fadfe5;background-color:var(--light-brick-pink)}.bgc-light-blue{background-color:#c2dbf0;background-color:var(--light-blue-jeans)}.bgc-light-green{background-color:#d5f2e3;background-color:var(--light-ocean-green)}.bgc-light-purple{background-color:#daceeb;background-color:var(--light-lavender)}.bgc-light-red{background-color:#facfcf;background-color:var(--light-apple-red)}.bgc-light-yellow{background-color:#ffefb7;background-color:var(--light-mikado-yellow)}.home{height:100vh;flex-direction:column;justify-content:space-evenly}.home,.home .input-container{display:flex;align-items:center}.home .input-container{border-bottom-width:.3rem;border-bottom-style:solid}.home .input{padding-bottom:.5rem;width:30vw;font-size:2rem;color:var(--independence);font-weight:600}.home .input::-webkit-input-placeholder{color:var(--light-independence)}.home .input:-ms-input-placeholder{color:var(--light-independence)}.home .input::placeholder{color:var(--light-independence)}.home .fa-sign-in-alt{font-size:2rem;color:var(--light-independence);cursor:pointer}.home .colors>p,.home .fa-sign-in-alt:hover{color:var(--independence)}.home .colors>p{font-size:1.6rem;font-weight:600;text-align:center}.home .color-circles{display:flex;justify-content:center}.home .color-circles>div{height:5rem;width:5rem;margin:2rem;border-radius:50%;cursor:pointer}.home .color-circles>div:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media (max-width:1024px){.home .input{width:40vw}}@media (max-width:768px){.home .input{width:50vw}}@media (max-width:480px){.home .input{width:70vw}.home .color-circles>div{margin:1rem}}@media (max-width:320px){.home .color-circles{flex-wrap:wrap}}.rooms{padding:3vh 3rem 0;height:100vh;max-width:1200px;margin:0 auto;box-sizing:border-box}.rooms>div:last-child{display:flex;align-items:flex-start;justify-content:center;margin-top:10vh}.scrolling-menu-1,.scrolling-menu-2{width:30vw;display:flex;flex-direction:column;font-size:1.8rem;font-weight:600;padding:1rem;border:.3rem solid var(--independence);border-radius:1rem}.scrolling-menu-1{margin-right:2rem}.scrolling-menu-1>.menu-list,.scrolling-menu-2>.menu-list{margin-top:3rem}.menu-list{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-list>p{padding:.6rem;margin:.8rem 0;width:50%;text-align:center}.menu-list>p:hover{cursor:pointer}.rooms .hidden{display:none}.rooms .display,.rooms form{display:flex}.rooms form{width:100%;justify-content:center}.rooms input{padding:.4rem 0;width:80%;font-size:1.6rem;color:var(--independence);font-weight:600;border-bottom-style:solid;border-bottom-width:.3rem;margin:2rem 0}.rooms input::-webkit-input-placeholder{color:var(--light-independence)}.rooms input:-ms-input-placeholder{color:var(--light-independence)}.rooms input::placeholder{color:var(--light-independence)}.rooms .link{text-decoration:none}.circle-btn{width:5rem;height:5rem;margin-left:2rem;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--independence);font-weight:600;font-size:2rem;background-color:var(--light-independence)}.pulse{cursor:pointer;color:#fff;-webkit-animation:pulsingCircle 1.8s infinite;animation:pulsingCircle 1.8s infinite}@-webkit-keyframes pulsingCircle{to{box-shadow:0 0 0 1rem hsla(0,0%,100%,.01)}}@keyframes pulsingCircle{to{box-shadow:0 0 0 1rem hsla(0,0%,100%,.01)}}@media (max-width:768px){.rooms>div:last-child{display:flex;flex-direction:column;align-items:center;margin-top:10vh}.scrolling-menu-1{margin-right:0}.scrolling-menu-1,.scrolling-menu-2{width:70vw;margin-bottom:4rem}.circle-btn{margin-left:0}}.go-back{border-bottom:.2rem solid var(--extra-light-independence);height:8rem}.go-back,.go-back>.btn{display:flex;align-items:center}.go-back>.btn{background-color:var(--extra-light-independence);height:4rem;width:4rem;justify-content:center;border-radius:1rem;margin-right:2rem;cursor:pointer}.go-back>.btn:hover{background-color:var(--light-independence)}.go-back>p{font-size:2rem;color:var(--independence);font-weight:600}.go-back .fa-angle-left{color:var(--independence);border-radius:1rem;font-size:3rem}@media (max-width:768px){.go-back{height:6rem}}.scrolling-menu-top{width:100%;display:flex;justify-content:space-between;align-items:center}.scrolling-menu-top>i{font-size:3rem;cursor:pointer}.chat-room{display:flex;height:100vh;max-width:1200px;margin:0 auto}.chat-room>div:first-child{width:25%;height:94vh;margin:3vh 0 3vh 3rem;padding-left:2rem;box-sizing:border-box}.informations{height:calc(100% - 8.2rem)}.informations-room{padding-top:3rem;min-height:14rem;box-sizing:border-box}.informations-room>p:first-child{font-size:1.8rem}.informations-room>p:first-child>span{font-weight:600}.informations-room>p:nth-child(2){font-size:2.2rem;padding-top:.6rem;font-weight:800}.informations-room>p{text-align:center}.informations-users{display:flex;flex-direction:column;align-items:center;height:calc(100% - 14rem)}.informations-users>p{font-size:1.6rem;margin-bottom:1.4rem;font-weight:600;color:var(--independence);text-align:center}.informations-users .scrolling-list{width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.informations-users .scrolling-list::-webkit-scrollbar{display:none}.single-user{width:75%;font-size:1.6rem;padding:.6rem 1rem;margin-bottom:1rem;border-radius:.4rem;font-weight:600}.single-user p{text-align:center}.chat-room .chat-col{width:70%;height:94vh;margin:3vh 3rem;border-radius:1rem;background-color:var(--extra-light-independence);display:flex;flex-direction:column}.chat-room .chat-col::-webkit-scrollbar{display:none}.messages{height:calc(100% - 11rem);box-sizing:border-box;padding:2rem 0 0;overflow-y:scroll}.messages::-webkit-scrollbar{display:none}.typing{margin:1rem 3rem 0;height:2rem}.typing>p{font-size:1.2rem;color:var(--independence);font-style:italic;line-height:2rem}.chat-room form{background-color:#fff;height:5rem;margin:1rem 2rem}.chat-room form,.chat-room form .btn{display:flex;justify-content:center;align-items:center;border-radius:1rem}.chat-room form .btn{height:4rem;width:4rem;margin:0 1rem;cursor:pointer}.fa-angle-right{border-radius:1rem;font-size:3rem;color:#fff}.chat-room form input{flex:1 1;border-radius:1rem;padding:1rem;font-size:2rem}.msg-bubble,.msg-bubble-owner{padding:0 1rem 2rem;display:flex}.msg-bubble-owner{justify-content:flex-end}.msg-bubble-owner>div,.msg-bubble>div{display:flex}.msg-bubble>div{margin-right:8rem}.msg-bubble-owner>div{flex-direction:row-reverse;margin-left:8rem}.msg-bubble-owner .sender-infos,.msg-bubble .sender-infos{display:flex;flex-direction:column;justify-content:center;align-items:center}.msg-bubble .sender-infos{margin-right:1.4rem}.msg-bubble-owner .sender-infos{margin-left:1.4rem}.msg-bubble-owner .sender-infos>p:first-child,.msg-bubble .sender-infos>p:first-child{font-weight:600;color:var(--independence);font-size:1.6rem}.msg-bubble-owner .sender-infos>p:last-child,.msg-bubble .sender-infos>p:last-child{font-size:1.2rem;font-weight:600;color:var(--independence);padding-top:.5rem}.msg-bubble-owner .msg,.msg-bubble .msg{font-size:1.8rem;display:flex;align-items:center;border-radius:1rem;padding:.8rem}.msg-bubble-owner .msg{border-bottom-right-radius:0;box-shadow:.3rem .3rem .3rem .02rem var(--light-independence)}.msg-bubble .msg{border-bottom-left-radius:0;background-color:#fff;box-shadow:.4rem .4rem .4rem .02rem var(--light-independence)}.new-connection{font-size:1.4rem;font-weight:600;color:var(--light-independence);text-align:end;margin:2rem 1rem 2rem 2rem}@media (max-width:768px){.informations-users .scrolling-list{display:none}.chat-room{display:flex;flex-direction:column;overflow:hidden}.chat-room>div:first-child{width:100%;height:auto;margin:0;padding:1rem}.chat-room .chat-col{width:100%;height:auto;flex:1 1;margin:0;overflow-y:scroll;border-radius:0}.informations{height:auto}.informations-room{padding:1rem 0;min-height:2rem;display:flex;justify-content:center}.informations-room>p:nth-child(2){font-size:1.8rem;padding-top:0;padding-left:.6rem}.informations-users{height:calc(100% - 14rem);height:auto}.informations-users>p{margin-bottom:0}}
/*# sourceMappingURL=main.beb698dc.chunk.css.map */