*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;width:100vw;color:#fff;background:#1b1b1b;overflow-x:hidden}h1{text-align:center;padding:2rem}section{background:#1f1f1f;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;margin:2rem}.divider{border-bottom:2px solid gray;margin:5%}.wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.wrapper button{padding:10px 20px;background:gray;color:#fff;font-weight:700;font-size:.75rem;cursor:pointer;border-radius:12px}.accordion{width:500px;margin:1rem}.item{background:#6461ad;margin-bottom:10px;padding:10px 20px}.title{color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.content{color:#fff;height:auto}@media (max-width: 768px){.accordion{max-width:300px}}#wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.container{width:80%;height:20em;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:30px;border-radius:10px;padding:20px;box-sizing:border-box}.container button{padding:2px 4px;border:none;border-radius:6px;background:#ffffffe6;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;max-width:180px}.button-group{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.container button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.active{color:#fff700}.inactive{color:#000}