:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:dark light;color:#ffffffde;background-color:#242424}body{min-width:100vw;min-height:100vh;text-align:center;display:flex;margin:0;background-image:url(/background.gif);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#898989;cursor:pointer;transition:border-color .25s}button:hover{border-color:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);grid-row:repeat(3,1fr);width:100%}.title{grid-column:2 / span 1;grid-row:1 / span 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.name{margin:0;text-align:center;font-size:50px;text-shadow:rgb(0,0,0) 1px 0px 4px}.motto{margin:0;text-align:center;font-size:18px;color:#b5b5b5;text-shadow:rgb(0,0,0) 1px 0px 4px}.logo-title-container{display:flex;align-items:center}.logo{width:50px;height:auto;margin-right:15px}.title .name{margin:0;text-shadow:rgb(0,0,0) 1px 0px 4px}.title .motto{margin:0;font-size:18px;color:#b5b5b5;text-shadow:rgb(0,0,0) 1px 0px 4px}.entry{grid-column:2 / span 1;grid-row:2 / span 1;place-items:center}.response{display:flex;flex-direction:column;grid-column:1 / span 2;grid-row:3 / span 1;padding:40px 40px 40px 100px;font-size:120%;text-align:justify}.responsetxt{padding-left:10px;text-align:left;padding-right:10px}.action{padding-left:10px;padding-right:10px;text-align:left}.signinout{grid-row:1;display:flex;justify-content:center;padding:60px 20px 20px;max-height:40px}#query{padding:5px;font-size:16px}.database{grid-row:1 / span 3;grid-column:3;align-self:center;justify-self:center;width:25vw;height:90vh;scrollbar-width:none;overflow-y:scroll;border:1px solid #ccc;background-color:#727272;border-radius:8px;font-size:100%}.database>div{margin-bottom:50px}.rotating-image{width:70px;height:70px;animation:rotate 1.55s linear infinite}.entry-container{grid-column:2 / span 1;grid-row:2 / span 1;display:flex;flex-direction:column;align-items:center;gap:10px}.loading{margin-bottom:10px;display:flex;justify-content:center;align-items:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h3{text-align:center}@media (max-width: 800px){#root{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}.title{font-size:24px;padding:10px;text-align:center;grid-column:1 / span 1}.entry{grid-column:1 / span 1;grid-row:2 / span 1;display:flex;flex-direction:column;align-items:center;gap:10px}.response{grid-column:1 / span 1;padding:12px;width:100%!important;max-width:90%!important;box-sizing:border-box;margin:0 auto;order:2;z-index:10;position:relative;grid-row:3;text-align:left}.database{grid-column:1 / span 1;grid-row:4;width:80vw;height:50vh;font-size:90%;z-index:1;position:relative}.rotating-image{width:50px;height:50px}.signinout{grid-row:5;grid-column:1 / span 1;display:flex;justify-content:center;padding:60px 20px 20px;max-height:40px}.button,button{font-size:14px;padding:8px 12px;margin:5px;width:auto}}@media (max-width: 490px){.response{font-size:100%;width:90%!important;max-width:90%!important;order:2;grid-row:3}.signinout{padding:10px 10px 20px;max-height:30px}.button,button{font-size:12px;padding:6px 10px}}@media (max-width: 415px){.response{font-size:90%}}