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}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.App{text-align:center}@font-face{font-family:Righteous;src:local("Righteous"),url(/static/media/Righteous-Regular.77fa0099.ttf) format("truetype")}@font-face{font-family:FugazOne;src:local("FugazOne"),url(/static/media/FugazOne-Regular.a7803ddf.ttf) format("truetype")}@font-face{font-family:"Bree Serif";src:local("Bree Serif"),url(/static/media/BreeSerif-Regular.14aaff01.ttf) format("truetype")}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#00b7ff;border-radius:4px}h1{margin:0;padding:0}.home{overflow:hidden;display:grid;grid-template-columns:calc((100vw - 50px)/4) calc((100vw - 50px)/4) calc((100vw - 50px)/4) calc((100vw - 50px)/4);grid-column-gap:10px;padding:10px;grid-template-areas:"friends chat-area chat-area informations";height:calc(100vh - 20px)}.blue-linear{background:-webkit-gradient(linear,left top,right top,from(#09f),color-stop(#00b7ff),to(#09f));background:linear-gradient(90deg,#09f,#00b7ff,#09f)}.orange-linear{background:-webkit-gradient(linear,left top,right top,from(orange),color-stop(#ff4500),to(orange));background:linear-gradient(90deg,orange,#ff4500,orange)}.red-linear{background:-webkit-gradient(linear,left top,right top,from(red),color-stop(#b40101),to(red));background:linear-gradient(90deg,red,#b40101,red)}.black-linear{background:-webkit-gradient(linear,left top,right top,from(grey),color-stop(#434343),to(grey));background:linear-gradient(90deg,grey,#434343,grey)}.violet-linear{background:-webkit-gradient(linear,left top,right top,from(violet),color-stop(purple),to(violet));background:linear-gradient(90deg,violet,purple,violet)}.grid-item{height:calc(100vh - 20px);border-radius:10px;background-color:rgba(0,0,0,.3);box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 5px 22px 0 rgba(0,0,0,.19)}@media only screen and (max-width:1000px){.home{height:100vh;grid-template-areas:"chat-area";padding:0}.home,.yes-friend{grid-template-columns:100vw}.yes-friend{grid-template-areas:"friends"}.yes-info{grid-template-columns:100vw;grid-template-areas:"informations"}}.berlin-font{font-family:fugazOne}.arial-font{font-family:Righteous}.light-weight{font-weight:400}.bold-weight{font-weight:700}.small-text{font-size:15px}.medium-text{font-size:18px}.large-text{font-size:25px}.black-text{color:#000}.blue-text{color:#00b7ff}.white-text{color:#fff}.orange-text{color:orange}.green-text{color:green}.red-text{color:#ff4500}.margin-bottom{margin-bottom:20px}.margin-top{margin-top:20px}.margin-left{margin-left:20px}.margin-right{margin-right:20px}.margin-bottom-2{margin-bottom:40px}.margin-top-2{margin-top:40px}.margin-top-3{margin-top:30px}.margin-top-4{margin-top:100px}.margin-left-2{margin-left:40px}.margin-right-4{margin-right:60px}.margin-right-2{margin-right:40px}.margin-top--{margin-top:5px}.margin-top---{margin-top:10px}.margin-top-10{margin-top:-15px}.margin-bottom---{margin-bottom:10px}.margin-right--{margin-right:5px}.margin-left--{margin-left:5px}.margin-right---{margin-right:10px}.margin-left---{margin-left:10px}.justify{justify-content:center!important}.align{align-items:center!important}.align-left{align-self:flex-start!important}.align-right{align-self:flex-end!important}.no-justify{justify-self:left!important}.white-background{background-color:#fff}.blue-background{background-color:#00b7ff}.white-background-trans{background-color:hsla(0,0%,100%,.3)}.black-background-trans{background-color:rgba(0,0,0,.5)}.trans-background{background-color:transparent}.box-shadow{box-shadow:0 3px 6px 0 rgba(0,0,0,.2),0 4px 18px 0 rgba(0,0,0,.19)}.box-shadow-2{box-shadow:0 5px 9px 0 rgba(0,0,0,.22),0 7px 21px 0 rgba(0,0,0,.21)}.cursor{cursor:pointer}.icon-menu img{width:20px;height:20px;cursor:pointer;-webkit-filter:invert(63%) sepia(40%) saturate(5995%) hue-rotate(164deg) brightness(102%) contrast(105%);filter:invert(63%) sepia(40%) saturate(5995%) hue-rotate(164deg) brightness(102%) contrast(105%)}.friends{grid-area:friends;height:calc(100vh - 20px);overflow:visible}.friends-list{height:calc(100vh - 160px);overflow-y:overlay!important}.friend-item{display:flex;flex-direction:row;padding:12px 0;cursor:pointer;-webkit-transition-duration:.2s;transition-duration:.2s}.friend-width{width:calc(100% - 150px)}.friend-item:hover{background-color:rgba(0,0,0,.5)}.friend-image{width:50px;border:2px solid #add8e6;border-radius:50%;object-fit:contain}.flex-column{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.flex-row{display:flex;flex-direction:row}.search-box{width:calc(100% - 40px);border:1.5px solid #fff;border-radius:20px;padding:10px;-webkit-transition-duration:.2s;transition-duration:.2s;outline:none}::-webkit-input-placeholder{font-family:Righteous}::-moz-placeholder{font-family:Righteous}:-ms-input-placeholder{font-family:Righteous}::-ms-input-placeholder{font-family:Righteous}::placeholder{font-family:Righteous}.search-box:focus{border:1.5px solid #00b7ff}.friend-header{width:100%;margin-left:40px}@media only screen and (max-width:1000px){.friends{height:100vh}.friend-width{width:calc(100% - 180px)}}.chat-area{grid-area:chat-area;height:calc(100vh - 20px);overflow:visible}.chat-status-bar{width:100%}.typing-status{position:relative;text-align:left;padding:5px}.messages{display:flex;flex-direction:column;overflow-y:overlay!important;height:calc(100vh - 155px);width:100%!important;border-top:.8px solid rgba(0,0,0,.2);border-bottom:.8px solid rgba(0,0,0,.2)}.message-from,.message-to{padding:8px;border-radius:20px;width:auto;max-width:80%;text-align:left}.margin-left-fix{display:flex;padding-right:5px;justify-content:flex-start}.margin-right-fix{display:flex;padding-left:5px;justify-content:flex-end}.message-input{width:80%;padding:8px;font-size:15px;border-radius:20px;outline:none;border:1.5px solid #fff;-webkit-transition-duration:.2s;transition-duration:.2s;justify-self:center;align-self:center}.message-input:focus{border:1.5px solid #00b7ff}.message-image{width:30px;height:30px;object-fit:contain;border-radius:50%}.status{padding:0 10px;border-radius:10px}.send-button{padding:5px 6px!important;border-radius:50%!important;background-color:#00b7ff!important}.send-button:hover{background-color:#2cc3ff!important;border-color:#2cc3ff!important}.send-image{width:30px;height:30px;object-fit:contain;-webkit-filter:invert(100%) sepia(0) saturate(7500%) hue-rotate(192deg) brightness(99%) contrast(106%);filter:invert(100%) sepia(0) saturate(7500%) hue-rotate(192deg) brightness(99%) contrast(106%)}@media only screen and (max-width:1000px){.chat-area{height:100vh}.messages{height:calc(100vh - 135px)!important}.message-input{margin-left:5px}.message-input,.submit-button{margin-right:5px}}.informations{grid-area:informations;overflow-y:overlay!important}@media only screen and (max-width:1000px){.informations{height:100vh}}.information-header{width:100%;margin-right:40px}.button-icon{width:25px;height:25px}.button{cursor:pointer;-webkit-transition-duration:.2s;transition-duration:.2s}.button:hover{background-color:rgba(0,0,0,.5)}.signin-form{background-color:rgba(0,0,0,.3);box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 5px 22px 0 rgba(0,0,0,.19);width:50vw;min-height:50vh;border-radius:20px}.signin,.signin-form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto}.signin{min-height:100vh;background:-webkit-gradient(linear,left top,right top,from(#91eae4),to(#00b7ff));background:linear-gradient(90deg,#91eae4,#00b7ff)}@media only screen and (max-width:1000px){.signin-form{width:100vw!important;min-height:100vh!important}.input-text{width:50vw!important}.text-name{width:calc(25vw - 20px)!important}}.name-input{display:flex;flex-flow:row wrap;justify-content:center;align-items:center}.input-text{width:30vw;border:1.5px solid #fff;border-radius:20px;padding:10px;-webkit-transition-duration:.2s;transition-duration:.2s;outline:none}::-webkit-input-placeholder{color:#f6f6f6;font-weight:100;font-family:fugazOne}::-moz-placeholder{color:#f6f6f6;font-weight:100;font-family:fugazOne}:-ms-input-placeholder{color:#f6f6f6;font-weight:100;font-family:fugazOne}::-ms-input-placeholder{color:#f6f6f6;font-weight:100;font-family:fugazOne}::placeholder{color:#f6f6f6;font-weight:100;font-family:fugazOne}.input-text:focus{border:1.5px solid #00b7ff}.text-name{width:calc(15vw - 20px)}.submit-button{outline:none;background-color:transparent;border:1.5px solid #00b7ff;color:#fff;padding:12px 20px;border-radius:20px;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.submit-button:hover{background-color:#00b7ff;border:1.5px solid #00b7ff;color:#fff}.submit-button:active{background-color:#02a2e2;border:1.5px solid #02a2e2;color:#fff}.submit-button:focus{outline:0;box-shadow:none}.button-orange{background-color:orange;border:1.5px solid orange;color:#fff}.button-orange:hover{background-color:#fff;border:1.5px solid #fff;color:orange}.button-orange:active{background-color:#f5f5f5;border:1.5px solid #f5f5f5;color:orange}
/*# sourceMappingURL=main.94826ab9.chunk.css.map */