body {
    font-family: 'Roboto', sans-serif;
    font-variant: small-caps;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #F7931A;
}

header {
    background-color: #F7931A;
    color: #fff;
    text-shadow: 2px 2px 2px #000000; /* black shadow */
    font-size: 2em;
    text-align: center;
    padding: 10px 0;
    text-shadow: 
        0 0 5px #200589, /* Innermost light blue glow */
        0 0 10px #200589, /* Middle light blue glow */
        0 0 20px #200589, /* Outer light blue glow */
        0 0 30px #200589, /* Even more extended light blue glow */
        0 0 40px #200589, /* Very extended light blue glow */
        0 0 50px #200589, /* Extremely extended light blue glow */
        0 0 60px #200589; /* Maximally extended light blue glow */
}

header h1 {
    margin: 0;
}

#reasons {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh; /* Adjust height as needed */
}

.reason-container {
    text-align: center;
    width: 100%;
    position: relative;
}

.reason {
    display: none;
    color: #fff;
    text-shadow: 2px 2px 2px #000000; /* black shadow */
    #text-decoration: underline;
    font-size: 3em;
    padding: 20px;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateX(100%);
    transition: transform 0.5s ease;
}

footer {
    background-color: #F7931A;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

/* Responsive design for smaller screens */
@media (max-width: 600px) {
    .reason {
        font-size: 3em;
    }
}