@import url(https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&display=swap);.nav{background:transparent}.homePage{display:flex;flex-direction:row}.homePage__left{width:40%;padding:0 10%;display:grid}.homePage__title{font-size:calc(32px + 1vw);font-weight:400;margin-top:20%}.homePage__infos{display:grid;grid-template-columns:repeat(2,1fr)}.homePage__infos h4{font-size:calc(16px + .5vw);font-weight:400}.homePage__linkWrapper{display:grid;align-items:center;justify-content:center}.homePage__linkWrapper a{background:#22256e;background:linear-gradient(90deg,#22256e,#4b51f1);color:#fff;text-decoration:none;padding:1rem 4rem;border-radius:4rem;font-size:calc(16px + .1vw)}.homePage__linkWrapper a:hover{background:#2d3190;background:linear-gradient(90deg,#2d3190,#6b70f9)}.homePage__right{width:40%;display:grid;align-items:center;justify-items:center;background-color:#22256e;-webkit-clip-path:ellipse(64% 92% at 65% 50%);clip-path:ellipse(64% 92% at 65% 50%);z-index:-100}.homePage__typing{width:25vw}@media screen and (max-width:970px){.homePage__infos{grid-template-columns:repeat(1,1fr)}.homePage__linkWrapper a{padding:1rem 2rem}}@media (max-width:767.98px){.homePage__left{width:100%}.homePage__infos{grid-template-columns:repeat(1,1fr)}.homePage__linkWrapper a{padding:1rem 2rem}.homePage__right{width:30%}.homePage__typing{display:none}}@media (max-height:600px){.homePage__typing{display:none}}@media (orientation:landscape){.homePage .homePageLeft h1{margin-top:10%}.homePage .homePageLeft .infos{grid-template-columns:repeat(2,1fr)}.homePage__title{margin-top:10%}.homePage__infos{grid-template-columns:repeat(2,1fr)}}.nav{height:79px;width:90%;padding:0 5%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;border-bottom:1px solid navy;background:#f5f5f5;z-index:10}.nav__userInfo{display:flex;flex-direction:row;place-items:center;margin-left:auto;position:relative}.nav__userName{margin:0 1rem;font-weight:400}.nav__userPanel{position:absolute;top:115%;right:0;width:100%;display:flex;flex-direction:row;z-index:15}.nav__userPanel--show{display:block;color:#fff}.nav__userPanel--hidden{display:none}.nav__logout{margin-left:auto;width:100%;padding:.5rem 2rem;font-size:calc(16px + .1vw);outline:none;border:none;border-radius:.5rem;background:#22256e;background:linear-gradient(90deg,#22256e,#4b51f1);color:#fff}.nav__logout:hover{cursor:pointer;background:#2d3190;background:linear-gradient(90deg,#2d3190,#6b70f9)}.brandLogo{color:#000;text-decoration:none}.brandLogo span{font-family:"Rock Salt",cursive;font-size:calc(18px + .7vw)}.chatWrapper{place-items:center}.chat,.chatWrapper{width:100%;height:100%;display:flex;flex-direction:column}.chat{z-index:50}.chat__header{width:100%;padding:1rem 0;display:grid;place-items:center;display:none}.chat__roomInfo{display:flex;flex-direction:row;place-items:center}.chat__roomName{margin-left:1rem;font-weight:400}.chat__messages{padding:10px 0 0;overflow:hidden;overflow-y:scroll}.chat__footer{width:80%;height:79px;padding:0 10%;background:#f5f5f5;border-top:1px solid navy}.chat__footer,.chat__form{display:flex;flex-direction:row;place-items:center}.chat__form{width:100%}.chat__input{width:100%;font-size:calc(16px + .1vw);color:#000;border:none;border-bottom:1px solid grey;padding:.5rem 1rem}.chat__input,.chat__submit{background:none;outline:none}.chat__submit{margin-left:1rem;border:none}.chat__submit:hover{cursor:pointer;color:#313131}.message{display:flex;place-items:center;padding:2rem 2.5% .75rem}.message--received{flex-direction:row}.message--sent{flex-direction:row-reverse}.message--sameUser{padding:.75rem 2.5%}.message__avatar--hidden{visibility:hidden}.message__text{padding:1rem 2rem;border-radius:1rem;max-width:100%;position:relative;bottom:calc(13px + .3vw);text-align:justify}.message__text--received{background:#f87070;border-bottom-left-radius:0;margin-left:1rem}.message__text--sent{background:#22256e;color:#fff;border-bottom-right-radius:0;margin-right:1rem}.message__timestamp{position:absolute;min-width:135px;font-size:calc(10px + .3vw);height:calc(10px + .3vw);top:101%}.message__timestamp--received{left:0}.message__timestamp--sent{color:#000;right:0}.message__username{position:absolute;bottom:102%}.message__username--received{left:0}.message__username--sent{color:#000;right:0}.message__username--sameUser{display:none}*{margin:0;padding:0;font-family:"Source Sans Pro",sans-serif}h1{font-size:calc(32px + 1vw);font-size:calc(16px + .1vw)}h2{font-size:calc(24px + 1.5vw)}h3{font-size:calc(18px + .7vw)}h4{font-size:calc(16px + .5vw)}h5{font-size:calc(13px + .3vw)}h6{font-size:calc(10px + .3vw)}p{font-size:calc(16px + .1vw)}.gran{color:#22256e}.pinky{color:#f87070}.login{text-align:center;display:grid;place-items:center}.login__svg{width:60%;height:auto}.login__form{height:100%;display:grid;place-items:center}.login__input{width:40vw;height:2rem;border:none;border-bottom:1px solid #d3d3d3;background-color:inherit}.login__input,.login__submit{outline:none;font-size:calc(16px + .1vw)}.login__submit{width:40%;padding:.75rem 0;border-radius:4rem;background:#22256e;background:linear-gradient(90deg,#22256e,#4b51f1);border:none;color:#fff;text-transform:uppercase}.login__submit:hover{cursor:pointer;background:#2d3190;background:linear-gradient(90deg,#2d3190,#6b70f9)}@media screen and (max-width:960px){.login__input{width:70vw}}
/*# sourceMappingURL=main.d45340e9.chunk.css.map */