body{animation:gradientAnimation 20s ease infinite;background:linear-gradient(270deg,#00f,#0ff,#0f0,#00f);background-size:600% 600%;height:100vh;margin:0}.App{background-color:#ffffffe6;border-radius:8px;box-shadow:0 8px 16px #0003;margin:0 auto;max-width:800px;padding:20px;text-align:center;transform:translateY(0);transition:transform .3s ease-in-out}.App:hover{transform:translateY(-10px)}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.server-info{background-color:#2c2f33;border-radius:8px;color:#fff;margin-top:30px;padding:20px}.server-header{margin-bottom:20px}.online-members{margin-top:20px}.members-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:15px}.member{align-items:center;background-color:#36393f;border-radius:8px;display:flex;gap:10px;padding:10px}.member-avatar{border-radius:50%;height:40px;width:40px}.member-info{align-items:center;display:flex;flex-direction:row;gap:8px}.member-name{color:#fff;font-weight:700}.member-status{font-size:.8em;text-transform:capitalize;white-space:nowrap}.member-status.online{color:#43b581}.member-status.idle{color:#faa61a}.member-status.dnd{color:#f04747}button{background-color:#7289da;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px}input{border:2px solid #7289da;border-radius:8px;margin-right:10px;outline:none;padding:10px;transition:border-color .3s ease;width:300px}input:focus{border-color:#0f0}.input-section{display:flex;gap:10px;justify-content:center}
/*# sourceMappingURL=main.3dc7ed08.css.map*/