body {
    font-family: Inter, sans-serif;
    margin: 0;
    padding: 0;
    transition: background-color 0.3s, color 0.3s;
}

.container {
    margin: 20px auto;
    max-width: 968px;
    padding: 30px;
}
.lead { font-size: 1.5rem; font-weight: 300; }
.container { margin: 50px auto; max-width: 960px; }
button { padding: 1.25rem; border: 0; border-radius: 20px; background-color: #4F46E5; color: #fff; background:linear-gradient(102deg, rgb(0, 153, 255) 0%, rgb(204, 0, 255) 100%); cursor: pointer; }
.light-theme {
    background-color: #ffffff;
    color: #000000;
}

.dark-theme {
    background-image: radial-gradient(circle at center center, hsla(166,0%,10%,1) 0%,hsla(181,0%,10%,1) 29%,transparent 65%),linear-gradient(90deg, rgb(35,35,35) 0%, rgb(35,35,35) 50%,rgb(35,35,35) 50%, rgb(35,35,35) 100%); background-size: 7px 7px;
    background-color: #2c3e50;
    color: #ecf0f1;
}