body {
    margin: 0;
    background-color: #29ADCE; /* Sky blue to match the main page */
    min-height: 100vh;
}

#vote_header_container {
    display: flex;
    justify-content: center;
}

#vote_title {
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 800; /* Extra bold */
    font-size: 50px;
    margin-top: 50px;
    text-transform: uppercase;
    text-shadow: 4px 4px 0px #20150F; /* Chunky drop shadow for the title */
    letter-spacing: 2px;
}

#vote_link_wrapper {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

#vote_link_container {
    display: flex;
    flex-direction: column;
}

/* Match the main page Neobrutalist button style */
#vote_link_container a {
    text-align: center;
    text-decoration: none;
    font-size: 22px;
    font-weight: 800;
    color: #20150F;
    font-family: 'Titillium Web', sans-serif;
    background: linear-gradient(135deg, #FF5A1F, #F05252); /* Orange to Red */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    border-radius: 15px; /* Slightly less round than main page so they stack nicely */
    border: 4px solid #20150F;
    box-shadow: 6px 6px 0px #20150F;
    transition: transform 0.1s ease, box-shadow 0.1s ease, filter 0.2s ease;
}

#vote_link_container a i {
    margin-left: 10px;
    transform: rotate(10deg);
}

/* Brighten slightly on hover */
#vote_link_container a:hover, #vote_back a:hover {
    filter: brightness(1.1);
}

/* Press effect */
#vote_link_container a:active, #vote_back a:active {
    transform: translate(4px, 4px);
    box-shadow: 2px 2px 0px #20150F;
}

#vote_back {
    display: flex;
    justify-content: center;
    margin: 30px 0 60px 0;
}

/* Custom yellow style for the back button so it doesn't blend in with the vote links */
#vote_back a {
    text-decoration: none;
    font-weight: 800;
    color: #20150F;
    font-family: 'Titillium Web', sans-serif;
    width: 180px;
    display: flex;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #FFD633; /* SunSMP Yellow */
    height: 55px;
    border: 4px solid #20150F;
    box-shadow: 6px 6px 0px #20150F;
    transition: transform 0.1s ease, box-shadow 0.1s ease, filter 0.2s ease;
}

#vote_back i {
    margin-right: 8px;
}

@media(max-width: 850px) {
    #vote_title {
        font-size: 40px;
        text-shadow: 4px 4px 0px #20150F;
    }
    
    #vote_link_container a {
        height: 55px;
        width: 320px;
    }
    
    #vote_back {
        margin-bottom: 40px;
    }
}

@media(min-width: 851px) {
    #vote_link_container a {
        height: 60px; /* Slightly taller for desktop */
        width: 550px;
    }
}