css
/* style.css */

body {
    background-color: #ff0000; /* Red background to represent the fiery passion for tacos */
}

.container {
    width: 80%;
    margin: 40px auto;
}

.high-tier-title {
    font-size: 36px;
    font-weight: bold;
    color: #ffffff; /* White text on black background */
}

.high-tier-tagline {
    font-size: 24px;
    font-weight: normal;
    color: #ffffff; /* White text on black background */
}

.taco-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.taco-bar-item {
    border: 4px solid #000000; /* Thick black border */
    padding: 20px;
    background-color: #333333; /* Dark background to represent the exclusivity of the tier */
}

.taco-bar-item h2 {
    font-size: 24px;
    font-weight: bold;
    color: #ff00ff; /* Bright magenta to represent the excitement of getting free tacos */
}

.taco-bar-item p {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff; /* White text on dark background */
}

.taco-bar-bottom {
    border-top: 4px solid #000000; /* Thick black border */
    padding: 10px;
    background-color: #333333; /* Dark background to represent the exclusivity of the tier */
}

.taco-bar-bottom-tagline {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff; /* White text on dark background */
}

.footer {
    background-color: #333333; /* Dark background to represent the exclusivity of the tier */
    padding: 10px;
    text-align: center;
}

.footer p {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff; /* White text on dark background */
}