#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0;padding:0}.center{background:transparent url(../img/robot1.a62fed5a.png) 0 no-repeat;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.loading{background:transparent url(https://miro.medium.com/max/882/1*9EBHIOzhE1XfMYoKz1JcsQ.gif) 50% no-repeat;height:400px;width:400px;margin-right:100px}.input-question{flex-grow:2;padding:15px;width:220px}.text-and-button{display:flex;justify-content:center}.robot-response,.text-and-button{width:400px;margin-right:100px}@media only screen and (max-width:600px){.center{background:transparent url(../img/robot1.a62fed5a.png) 50% no-repeat;background-size:100% 100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.input-question{flex-grow:2;padding:15px;width:120px}.text-and-button{width:200px;display:flex;justify-content:center}.loading,.robot-response{width:200px}.loading{background:transparent url(https://miro.medium.com/max/882/1*9EBHIOzhE1XfMYoKz1JcsQ.gif) 50% no-repeat;height:200px;margin-right:100px}}