@import"https://fonts.googleapis.com/css2?family=Cinzel&display=swap";*{font-family:Cinzel,serif;color:#5b0a0a}body{margin:0;padding:0;cursor:url(https://upload.wikimedia.org/wikipedia/commons/3/32/Cursor_icon.png),auto!important}.app{background-image:url(https://cdn.pixabay.com/photo/2015/12/03/08/50/paper-1074131_1280.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:100vh;width:100vw;display:flex;text-align:center}.side-bar{background-color:#b99730;display:flex}.side-bar{background-color:#4b3621;color:#fff5cc;height:100vh;width:24vh;display:flex;flex-direction:column;justify-content:space-between}.main{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between}.button{color:#d4af37;background-color:#5b0a0a;font-weight:700;padding:12px 24px;margin:4px;border:2px solid #d4af37;border-radius:5px;box-shadow:0 4px 8px #0000001a;transition:all .3 ease;letter-spacing:1px;text-transform:uppercase}.button:hover{transform:translate(5px);color:#fff5cc}nav{text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.nav-button{color:#d4af37;background-color:transparent;font-weight:700;padding:12px;border:solid 2px #d4af37;border-radius:5px;box-shadow:0 4px 8px #0000001a;transition:all .3 ease;margin:4px}.nav-button:hover{color:#fff5cc;box-shadow:0 0 0 2px #f19501}nav{border-top:solid 2px #060606;padding:12 px}.history{height:100%;padding:10px;margin:10px}.history li{list-style-type:none;padding:10px 0}.info{opacity:.9;font-size:small;background-color:#ffffff4d;color:#170202;font-weight:600;padding:10px}.input-box{position:relative;width:100%;max-width:650px;display:flex}.input-box input{flex:1;width:100%;border:none;border-radius:5px;font-size:18px}.bottom-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}input{width:100%;border:none;border-radius:5px;padding:12px 15px;font-size:20px}input:focus{outline:none}#submit{bottom:3px;right:2px;-webkit-user-select:none;user-select:none;border:2px solid rgba(59,57,57,.507);border-radius:2px;background-color:#d4af37e5;font-weight:600;font-size:20px;padding:10px 20px}.talk-feed{flex:1;display:flex;flex-direction:column;justify-content:flex-start;list-style:none;padding:50px;border-radius:5px;margin:10px 15px;overflow-y:auto;font-size:20px;font-weight:700}.talk-feed li.user{text-align:right;color:brown}.talk-feed li.bot{text-align:left;color:#4b3621}.talk-feed li{padding:8px 3px}.bottom-text{color:#fff}