body {
    margin: 0;
    padding: 0;
    background-color: #ffffff; /* White background */
    background-image: repeating-linear-gradient(
        -45deg,
        #0057B7,
        #0057B7 10px,
        #ffffff 10px,
        #ffffff 20px
    );
    height: 100vh;
    background-attachment: fixed;
}

.poll-style, #p5-container {
    background-color: rgba(255, 255, 255, 0.9); /* Slightly transparent white */
    border-radius: 5px;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.button-style {
    background-color: #0057B7; /* Blue background */
    color: white;
    border: none;
    padding: 15px 30px; /* Increased padding */
    cursor: pointer;
    border-radius: 5px;
    font-size: 18px; /* Larger font size */
    text-align: center;
    display: inline-block;
    margin: 5px; /* Add some margin if needed */
}

.button-style:hover {
    background-color: #003B73; /* Darker blue on hover */
}

/* If you need to adjust the play/pause button separately */
.play-pause {
    /* Additional styles or overrides for the play/pause button */
}

/* Similarly, for the submit button if needed */
#submitVote {
    /* Additional styles or overrides for the submit button */
}

/* Adjust the slider thumb to match the theme */
input[type="range"]::-webkit-slider-thumb {
    background: #0057B7;
}

input[type="range"]::-moz-range-thumb {
    background: #0057B7;
}

@keyframes party-bg {
  0% { background-color: #FFD700; }
  25% { background-color: #FF8C00; }
  50% { background-color: #FF6347; }
  75% { background-color: #DB7093; }
  100% { background-color: #EE82EE; }
}

.party-mode {
  animation: party-bg 1s infinite;
}