body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: 
        linear-gradient(60deg, maroon 10%, #800000 50%, #ffcccc 100%, white 100%),
        linear-gradient(120deg, maroon 50%, #800000 50%, #ffcccc 100%, white 100%),
        linear-gradient(180deg, maroon 0%, #800000 50%, #ffcccc 100%, white 100%);
    background-size: 200% 200%;
    animation: gradientShift 15s ease infinite;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

html {
    height: 100%;
}

body > div {
    width: 100%;
    height: 100%;
}

.header-container, .form, .poll {
    width: 100%;
    max-width: 600px;
    margin: 10px 0;
}