@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{font-family:Space Mono;font-size:40px;color:#222}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fafafa}p{font-size:40px}input{font-size:20px}.app{height:90vh;width:70vw;background-color:#fff;border-radius:15px;box-shadow:#000 0 2px 6px;display:flex;justify-content:center;flex-direction:column}.code-display{width:94%;margin:2%;height:45%;border-radius:8px;background-color:#222;overflow:hidden;overflow-y:scroll}.code-output{margin:20px}.code-output p{color:#ff8c00}.buttons{width:100%;height:60px;background-color:#323232;display:flex;align-items:center;padding-left:6px}.button{height:30px;width:30px;border-radius:50%;margin:4px;background-color:red}.button.first{background-color:#ff6056}.button.middle{background-color:#ffbd2d}.button.last{background-color:#25c941}.messages-display{width:90%;margin:2%;height:43%;overflow-y:scroll}::-webkit-scrollbar{-webkit-appearance:none;width:15px}::-webkit-scrollbar-thumb{border-radius:5px;background-color:#00000080;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.message-display{width:96%;display:flex;border-radius:5px;box-sizing:border-box;background-color:#fafafa;margin:5px 0}p#icon{padding:0 8px}input{margin:3%;padding:17px;border:solid rgba(0,0,0,.16) 2px;box-sizing:border-box;border-radius:5px}.button-container{margin:3%;display:flex;justify-content:flex-end}.button-container button{text-transform:uppercase;padding:8px;border:none}button#get-query{border-radius:15px 0 0 15px;background-color:#ff6056}button#clear-chat{border-radius:0 15px 15px 0;background-color:#ffbd2d}