.buttonLinkDiv{background-color:#8257e5;border-color:#8257e5;border-radius:3px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;height:50px;justify-self:center;transition:-webkit-filter .5s linear .1s;transition:filter .5s linear .1s;transition:filter .5s linear .1s,-webkit-filter .5s linear .1s;width:200px}.buttonLinkDiv:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}.buttonLinkDiv .linkButtonStyles{align-items:center;color:#f1f1f1;display:flex;font-weight:700;height:50px;justify-content:center;text-decoration:none;width:200px}#home{display:grid;height:auto;min-height:625px}#home #text{grid-row-gap:10px;align-self:center;color:#f1f1f1;display:grid;justify-self:center;row-gap:10px;width:100%}#home #text #titletext{font-size:55px;justify-self:center;transition-delay:.5s;transition-duration:1.5s;transition-property:color;transition-timing-function:linear;word-spacing:5px}#home #text #titletext:hover{color:#8257e5}#home #text span{font-weight:700;justify-self:center}#home #homebuttons{display:flex;gap:10px;justify-content:center}#login{color:#f1f1f1;display:grid;grid-template-rows:30% 70%;min-height:625px}#login h2{align-self:flex-end;font-size:40px;justify-self:center;margin:0}#login #loginForm{align-self:center;display:grid;grid-template-rows:40px 40px 40px 40px 60px 40px;height:400px;justify-self:center;width:300px}#login #loginForm .logininputs{background-color:#313131;border:1px solid #313131;border-radius:5px;color:hsla(0,0%,95%,.9);height:30px;justify-self:center;outline:none;transition:border .1s linear .05s;width:250px}#login #loginForm .logininputs:focus{border:1px solid #8257e5;color:#8257e5}#login #loginForm .spaninput{align-self:flex-end;margin-bottom:5px;margin-left:23px}#login #loginForm .buttonLogin{align-self:center;background-color:#8257e5;border:1px solid #8257e5;border-radius:3px;color:#f1f1f1;cursor:pointer;font-size:15px;font-weight:700;height:40px;justify-self:center;transition:-webkit-filter .2s linear .1s;transition:filter .2s linear .1s;transition:filter .2s linear .1s,-webkit-filter .2s linear .1s;width:270px}#login #loginForm .buttonLogin:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}#login #loginForm a{color:#551a8b;justify-self:flex-end;margin-right:25px;text-decoration:none}#login #loginForm #erro{font-weight:700;justify-self:center}#cadastrarpage{color:#f1f1f1;display:grid;grid-template-rows:30% 70%;min-height:625px}#cadastrarpage #text{align-self:flex-end;display:grid;justify-self:center;margin-bottom:15px}#cadastrarpage #text h2{font-size:45px;justify-self:center;margin:0}#cadastrarpage #text span{justify-self:center;margin-left:50px}#cadastrarpage #createAccountForm{display:grid;grid-row:2;grid-template-rows:25px 45px 25px 45px 25px 45px 25px 45px 25px 45px 20px 50px auto;height:430px;justify-self:center;width:350px}#cadastrarpage #createAccountForm .registerInputs{align-self:center;background-color:#313131;border:1px solid #313131;border-radius:5px;color:#f1f1f1;height:30px;justify-self:center;outline:none;transition:border .1s linear .05s,color .1s linear .05s;width:300px}#cadastrarpage #createAccountForm .registerInputs:focus{border:1px solid #8257e5;color:#8257e5}#cadastrarpage #createAccountForm .registerLabels{align-self:flex-end;margin-left:25px}#cadastrarpage #createAccountForm a{color:#551a8b;justify-self:flex-end;margin-right:25px;text-decoration:none}#cadastrarpage #createAccountForm .criarContaButton{align-self:center;background-color:#8257e5;border:1px solid #8257e5;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:40px;justify-self:center;transition:-webkit-filter .2s linear .1s;transition:filter .2s linear .1s;transition:filter .2s linear .1s,-webkit-filter .2s linear .1s;width:320px}#cadastrarpage #createAccountForm .criarContaButton:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}#cadastrarpage #createAccountForm #erro{font-weight:700;justify-self:center}#homecliente{display:grid;grid-template-columns:25% 75%;height:auto;min-height:625px}#homecliente #chat{display:grid;grid-column:2;grid-template-rows:80% 20%;height:auto}#homecliente #chat #showmensagem{grid-row-gap:5px;background-color:#313131;display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:100%;height:auto;max-height:500px;min-height:500px;overflow:auto;row-gap:5px}#homecliente #chat #showmensagem .mensagens{grid-row-gap:2px;display:grid;grid-template-rows:15px auto;height:-webkit-max-content;height:max-content;margin-left:10px;row-gap:2px}#homecliente #chat #showmensagem .mensagens .nome{align-self:flex-end;color:#8257e5;font-size:13px;font-weight:700;grid-row:1}#homecliente #chat #showmensagem .mensagens .mensagem{align-self:center;color:#f1f1f1;grid-row:2;height:auto;max-height:-webkit-max-content;max-height:max-content;min-height:40px;word-break:break-all}#homecliente #chat #sendmensagemarea{display:grid;grid-row:2;grid-template-columns:90% 10%}#homecliente #chat #sendmensagemarea #writemensage{align-self:center;background-color:#313131;border:1px solid #313131;border-radius:5px;color:#f1f1f1;font-size:15px;grid-column:1;height:80%;justify-self:center;margin-right:80px;outline:none;resize:none;transition:border .1s linear .1s;width:75%}#homecliente #chat #sendmensagemarea #writemensage:focus{border:1px solid #8257e5}#homecliente #chat #sendmensagemarea #enviarmensagem{align-self:center;background-color:#8257e5;border:1px solid #8257e5;border-radius:3px;box-shadow:1px 1px 10px #8257e5;color:#fff;cursor:pointer;font-weight:700;height:40%;justify-self:center;margin-right:100px;width:100%}#homecliente #chat #sendmensagemarea #enviarmensagem:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}#homecliente #userProfile{border-right:2px solid #8257e5;display:grid;grid-template-rows:10% 20% 45% 25%}#homecliente #userProfile #user{align-items:center;border-bottom:1px solid #8257e5;color:#fff;cursor:default;display:grid;font-weight:700;grid-template-columns:100%;justify-content:center;text-align:center}#homecliente #userProfile #user .activechannel{font-size:15px;grid-row:2;justify-self:center}#homecliente #userProfile #joinChannel{display:grid;grid-template-columns:100%;grid-template-rows:33% 33% 33%}#homecliente #userProfile #joinChannel #joinChannelName{grid-row:1}#homecliente #userProfile #joinChannel #passwordJoinChannel{grid-row:2}#homecliente #userProfile #joinChannel .textInputs{align-self:center;background-color:#313131;border:1px solid #313131;border-radius:3px;color:#f1f1f1;height:25px;justify-self:center;outline:none;transition:border .15s linear .15s,color .15s linear .15s;width:200px}#homecliente #userProfile #joinChannel .textInputs:focus{border:1px solid #8257e5;color:#8257e5}#homecliente #userProfile #joinChannel #joinChannelButton{align-self:center;background-color:#8257e5;border:1px solid #8257e5;border-radius:3px;color:#f1f1f1;cursor:pointer;font-size:15px;font-weight:700;grid-column:1/3;grid-row:3;height:30px;justify-self:center;transition:-webkit-filter .05s linear .05s;transition:filter .05s linear .05s;transition:filter .05s linear .05s,-webkit-filter .05s linear .05s;width:200px}#homecliente #userProfile #joinChannel #joinChannelButton:hover{-webkit-filter:brightness(.6);filter:brightness(.6)}#homecliente #userProfile #userchannels{border-bottom:1px solid #8257e5;border-top:1px solid #8257e5;display:grid;grid-auto-rows:50px;grid-row:3;overflow:auto}#homecliente #userProfile #userchannels .channels{align-items:center;align-self:center;background-color:#313131;border:1px solid #313131;border-radius:10px;color:#f1f1f1;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;justify-self:center;transition:border .05s linear .05s;width:250px}#homecliente #userProfile #userchannels .channels:hover{border:1px solid #8257e5}#homecliente #userProfile #createchannel{grid-row-gap:5px;color:#f1f1f1;display:grid;grid-row:4;grid-template-columns:50% 50%;grid-template-rows:35px 35px 30px 40px 40px;overflow:auto;row-gap:5px}#homecliente #userProfile #createchannel .textInputs{align-self:center;background-color:#313131;border:1px solid #313131;border-radius:3px;color:#f1f1f1;height:25px;justify-self:center;outline:none;transition:border .15s linear .15s,color .15s linear .15s;width:200px}#homecliente #userProfile #createchannel .textInputs:focus{border:1px solid #8257e5;color:#8257e5}#homecliente #userProfile #createchannel #channelName{grid-column:1/3;grid-row:1}#homecliente #userProfile #createchannel #passwordChannel{grid-column:1/3;grid-row:2}#homecliente #userProfile #createchannel #privateChannel{background-color:#8257e5;cursor:pointer;grid-column:1;grid-row:3;justify-self:flex-end;margin-right:25px}#homecliente #userProfile #createchannel span{font-weight:700;grid-row:3}#homecliente #userProfile #createchannel #createChannelButton{background-color:#8257e5;border:1px solid #8257e5;border-radius:3px;color:#f1f1f1;cursor:pointer;font-size:15px;font-weight:700;grid-column:1/3;grid-row:4;height:35px;justify-self:center;transition:-webkit-filter .05s linear .05s;transition:filter .05s linear .05s;transition:filter .05s linear .05s,-webkit-filter .05s linear .05s;width:200px}#homecliente #userProfile #createchannel #createChannelButton:hover{-webkit-filter:brightness(.6);filter:brightness(.6)}#homecliente #userProfile #createchannel #deleteChannel{background-color:#8257e5;border:1px solid #8257e5;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;grid-column:1/3;grid-row:5;height:35px;justify-self:center;transition:-webkit-filter .05s linear .05s;transition:filter .05s linear .05s;transition:filter .05s linear .05s,-webkit-filter .05s linear .05s;width:200px}#homecliente #userProfile #createchannel #deleteChannel:hover{-webkit-filter:brightness(.6);filter:brightness(.6)}body{font-family:Arial,Helvetica,sans-serif}body,body #root{background-color:#161616;height:auto;margin:0;min-height:625px}@media screen and (max-width:1000px){#home #text #smalltext1,#home #text #smalltext2{justify-self:center;text-align:center;width:90%}#home #homebuttons{display:grid}#cadastrarpage #text{width:100vw}#cadastrarpage #text h2{font-size:40px}#cadastrarpage #text span{font-size:15px;justify-self:center;margin:0;text-align:center;width:100vw}#login h2{font-size:30px}#homecliente{grid-template-columns:100%;height:-webkit-max-content;height:max-content;row-gap:20px}#homecliente #userProfile{grid-row:1;grid-template-rows:40px 200px 200px 200px}#homecliente #userProfile #user{height:40px}#homecliente #userProfile #createchannel{border-bottom:1px solid #8257e5;overflow:unset}#homecliente #chat{grid-column:1;grid-row:2;row-gap:15%}#homecliente #chat #showmensagem{border:1px solid #8257e5;justify-self:center;width:80%}#homecliente #chat #sendmensagemarea{display:grid;grid-template-columns:100%}#homecliente #chat #sendmensagemarea #writemensage{margin:0}#homecliente #chat #sendmensagemarea #enviarmensagem{margin:0;width:50%}}@media screen and (min-height:951px){#cadastrarpage,#home{height:auto;min-height:100vh}#login{grid-template-rows:30% 70%;min-height:100vh}#login h2{font-size:60px}#homecliente{min-height:100vh}#homecliente #userProfile{min-height:961}#homecliente #chat #showmensagem{min-height:100%}}@media screen and (max-height:736px){#homecliente{height:100vh}#homecliente #userprofile #createchannel{overflow:auto}}
/*# sourceMappingURL=main.28dcd59d.css.map*/