.message{border-radius:4px;font-size:1.2em;margin:10px;padding:20px}.me{background-color:#fff6a9;color:#000;margin-left:80px}.watson{background-color:#898bff;color:#fff;margin-right:80px}.chat-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:20px;padding:10px;font-size:1.2em;border-radius:3px;outline:none;border:2px solid #898bff}input::-webkit-input-placeholder{font-style:italic}input::-ms-input-placeholder{font-style:italic}input::placeholder{font-style:italic}input:focus{-webkit-box-shadow:0 0 15px #434494;box-shadow:0 0 15px #434494}button{margin:20px 20px 20px 0;background:#898bff;border:1px solid #434494;color:#fff;border-radius:3px;font-size:1em;padding-left:15px;padding-right:15px;outline:none}button:hover{-webkit-box-shadow:0 0 15px #434494;box-shadow:0 0 15px #434494;cursor:pointer}.thinking{width:50px;height:40px}.thinking>div{background-color:#fff;height:100%;width:6px;margin:2px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s ease-in-out infinite;animation:sk-stretchdelay 1.2s ease-in-out infinite}.thinking .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.thinking .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.thinking .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.thinking .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:10px}.option{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:4px;background-color:#fff6a9;border:1px solid #bbb049;color:#000}.option:not(:last-child){margin-right:20px}.option:hover{-webkit-box-shadow:0 0 15px #bbb049;box-shadow:0 0 15px #bbb049;cursor:pointer}.option-text{padding:20px}.chat{background:#fff;padding:20px;border-radius:10px;width:540px;height:80vh;overflow:hidden;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-shadow:0 0 15px #b9b9b9;box-shadow:0 0 15px #b9b9b9}.chat,.chat-messages{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical}.chat-messages{overflow:auto;-webkit-box-flex:1;-ms-flex:1 1 20%;flex:1 1 20%;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.recommendation{width:270px;height:340px;background:#fff;border-radius:6px;padding:10px;margin:0 0 30px 30px;-webkit-box-shadow:0 0 15px #b9b9b9;box-shadow:0 0 15px #b9b9b9}.recommendation-image{width:250px;height:250px;border-radius:2px;background:url(http://static.shook.co.nz/images/mock/jar-opened-270.jpg)}.recommendation-title{font-weight:700}@media (max-width:600px){.recommendation{margin-left:0}}.recommendations{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.home,.recommendations{display:-webkit-box;display:-ms-flexbox;display:flex}.home{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.chat{margin-bottom:30px}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Source Sans Pro,sans-serif}body{margin:0;min-height:100vh;background:#aeffe4}nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;margin-top:5px;margin-bottom:30px}nav .navbar-brand{margin-right:20px}nav .navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}nav a{text-decoration:none;padding-left:20px;color:inherit}nav a:hover{text-decoration:underline}.container{width:calc(100% - 200px);margin:0 100px}@media (max-width:1000px){.container{width:calc(100% - 100px);margin:0 50px}}@media (max-width:700px){.container{width:calc(100% - 20px);margin:0 10px}}