@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);html{position:fixed}#root,body,html{font-family:Montserrat,sans-serif;height:100%;width:100%}body{margin:0}.App{height:100%;width:100%}.container{font-size:3.5vw;height:100%;justify-content:space-between}.container,.main-container{display:flex;flex-direction:column}.main-container{overflow:auto}.message:first-child{margin-top:4vh}.bubble{-webkit-animation:fadeNewMessage .5s;animation:fadeNewMessage .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:3vw;box-shadow:0 10px 10px -8px rgba(0,0,0,.53);box-sizing:border-box;color:#fff;margin:2vw;max-width:80%;opacity:0;padding:2vw;transition:all .15s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes fadeNewMessage{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeNewMessage{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.left{background:linear-gradient(116deg,#1212b3,#5e27cd 80%)}.right{background:linear-gradient(116deg,#5e27cd 20%,#1212b3 80%)}.chat-container{height:100%}.message{display:flex;width:100%}.m-right{justify-content:flex-end}.m-left{justify-content:flex-start}.bottom-bar{align-items:center;display:flex;justify-content:space-between;width:100%}.input-text{background-color:#dedfed;border:none;border-radius:40px;box-shadow:inset 0 0 0 2px #dedfed;box-sizing:border-box;color:#1212b3;font-family:Montserrat,sans-serif;font-size:3.5vw;font-weight:700;height:6vh;margin:0 .5rem 1vw 1vw;padding:2vw;width:85%}.disabled-send{opacity:.5}.input-text::-webkit-input-placeholder{color:#1212b36e;font-weight:400}.input-text:-ms-input-placeholder{color:#1212b36e;font-weight:400}.input-text::placeholder{color:#1212b36e;font-weight:400}.input-text:focus{outline:none}.send-button{cursor:pointer;display:flex;height:100%;justify-content:center;text-align:center;width:15%}.typing{left:20px}.isospeaking{padding:3vw;width:9vw}.ellipsis{-webkit-animation:bounce 1.3s linear infinite;animation:bounce 1.3s linear infinite;background:#fff;border-radius:50%;display:inline-block;height:1vw;width:1vw}.one{-webkit-animation-delay:.6s;animation-delay:.6s}.two{-webkit-animation-delay:.5s;animation-delay:.5s}.three{-webkit-animation-delay:.8s;animation-delay:.8s}.recording-container{align-items:center;display:flex;height:100%;width:10%}.recording{-webkit-animation:recording .6s infinite alternate;animation:recording .6s infinite alternate;font-size:7vw}@-webkit-keyframes recording{0%{opacity:1}to{opacity:.2}}@keyframes recording{0%{opacity:1}to{opacity:.2}}@-webkit-keyframes bounce{30%{-webkit-transform:translateY(-.5vw);transform:translateY(-.5vw)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(.5vw);transform:translateY(.5vw)}to{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{30%{-webkit-transform:translateY(-.5vw);transform:translateY(-.5vw)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(.5vw);transform:translateY(.5vw)}to{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}}.send{border-radius:20vw;box-shadow:0 14px 10px -8px rgba(0,0,0,.2);box-sizing:border-box;height:10vw;margin:2vw;padding:2vw;text-align:center;width:10vw}.inicio,.send{background:linear-gradient(116deg,#1212b3,#5e27cd 80%)}.inicio{height:100%;width:100%}.i1{display:flex;justify-content:center;padding-top:6vh}.logo{width:40vw}.t{color:#fff;display:flex;justify-content:center;padding-top:6vh;text-align:center}.t2{-webkit-animation:pulse 1s ease-in-out infinite alternate;animation:pulse 1s ease-in-out infinite alternate;bottom:25vh;font-size:5.5vw;font-weight:700;position:absolute;width:100%}.t1{font-size:5vw}.t3,.t4{font-size:4vw}.i2,.t4{padding-top:2vh}.i2{-webkit-animation:pulse 1s ease-in-out infinite alternate;animation:pulse 1s ease-in-out infinite alternate;bottom:11vh;display:flex;height:8vh;justify-content:center;position:absolute;width:100%}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}.t5{display:block;font-size:10vw;justify-content:center;opacity:0;position:absolute;top:21vh;transition:all 1s ease-in;width:100%}.show{opacity:1}@media screen and (min-device-width:500px) and (orientation:landscape){.container{border-radius:10px;font-size:15px;margin:auto;max-width:500px}.isospeaking{padding:15px;width:45px}.message:first-child{margin-top:20px}.bubble{border-radius:15px;margin:10px;padding:10px}.input-text{font-size:15px;height:40px;margin-bottom:5px;margin-left:5px;padding:10px}.ellipsis{height:5px;width:5px}@-webkit-keyframes bounce{30%{-webkit-transform:translateY(-2.5px);transform:translateY(-2.5px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(2.5px);transform:translateY(2.5px)}to{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{30%{-webkit-transform:translateY(-2.5px);transform:translateY(-2.5px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(2.5px);transform:translateY(2.5px)}to{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}}.send{border-radius:100px;height:50px;margin:10px;padding:10px;width:50px}.i1{padding-top:30px}.logo{width:200px}.t{padding-top:30px}.t1{font-size:25px}.t3,.t4{font-size:20px}.i2,.t4{padding-top:10px}.i2{bottom:unset;height:40px;top:500px}.t5{font-size:50px;top:150px}.t2{bottom:unset;font-size:28px;top:400px}}