:root{--primary-text-color: brown;--primary-bg-color: burlywood}body{overflow-y:scroll}.sans{color:var(--primary-text-color);min-height:30em;font-size:16px}.sans .search-result-borders{border:.12em solid var(--primary-bg-color);border-radius:1em}.sans input:focus{outline:none}.sans header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--primary-bg-color);box-shadow:0 0 2px #00000040}.sans header h1.main-head{width:100%;justify-content:center;display:flex;align-items:center}.sans header .tabs{text-align:center}.sans header .search-box{position:relative;text-align:center}.sans header .search-box input{font-size:large;padding:.5em;box-sizing:border-box;width:80%;max-width:40em;border:0}.sans header .search-box input:focus{outline:none}.sans header .search-box .clear-search{position:relative;border:none;cursor:pointer;margin:0}.sans header button{margin:.2em;background:#ede9e8;font-size:large;border:none;padding:.5em 1em}.sans header button:hover{cursor:pointer;background:#dfd2db}.sans .search-wrapper{margin-top:14em;min-height:220px}.sans .search-wrapper .title{text-align:center}.sans .search-wrapper .data-ver{text-align:right;font-size:small}.sans .search-wrapper .info{padding:10px;margin:10px;font-size:large;box-shadow:0 0 2px #00000040;text-align:center;background:#fff8dc}.sans .search-wrapper .search{display:flex;flex-wrap:wrap;align-items:normal;justify-content:center}.sans .search-wrapper .search .divrow{padding:10px;margin:10px;width:250px;background:#fff8dc;text-align:center;animation:scrollanim linear;animation-timeline:view()}.sans .search-wrapper .list{list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}.sans .search-wrapper .list li{padding:1em .5em;background:#fff8dc;width:250px;margin:10px;text-align:center}@media (width < 768px){.sans{font-size:14px;padding:0}.sans header h1.main-head{padding:0}.sans header p{margin:0}.sans .search-wrapper{margin-top:12em}}@keyframes scrollanim2{0%{opacity:.8;scale:.5}to{opacity:1;scale:1}}#chat-widget{position:fixed;bottom:0;right:0;z-index:110}#chat-icon{width:4em;height:4em;z-index:120;display:flex;justify-content:center;align-items:center;background-color:brown;color:#fff;text-align:center;border-radius:50%;position:fixed;bottom:1em;right:1em;cursor:pointer;animation:bounce 1.5s infinite;animation-delay:2s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#chat-icon img{width:30px;height:30px}#chat-box{display:flex;width:350px;height:80vh;background-color:#f0f0f0;position:absolute;bottom:0;right:20px;flex-direction:column}#chat-box.show{animation:slide-up .5s}.chat-header{background-color:brown;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center}.chat-header button{background-color:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.chat-body{flex:1;padding:10px;overflow-y:auto}.chat-footer{padding:10px;border-top:1px solid #ccc;display:flex}.chat-footer .chat-input{width:calc(100% - 60px);padding:10px;border:none;border-radius:5px;font-size:16px}.chat-footer .send-btn{width:50px;padding:10px;border:none;background-color:brown;color:#fff;cursor:pointer}@keyframes slide-up{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@media (max-width: 600px){#chat-box{width:100vw;height:60vh;right:0;bottom:0;border-radius:10px 10px 0 0}#chat-icon{width:3em;height:3em;bottom:.5em;right:.5em}.chat-header,.chat-footer,.chat-body{padding:8px}.chat-footer .chat-input{font-size:14px;padding:8px}.chat-footer .send-btn{padding:8px;font-size:14px}}