.plax-break
{
    /* box-shadow: 0 0 5rem 2rem inset #00000077; */

    display: flex;
    height: 30rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: no-wrap;
}

@media screen and (max-width: 768px)
{
    .plax-break
    {
        height: 50vh;
    }
}

.plax-break h2
{
    color: white;
    font-size: 2.5rem;
    text-shadow: 0 0 0.125em #00000088;
}

@media screen and (max-width: 576px)
{
    .plax-break h2
    {
        font-size: 1.5rem;
        margin: 1rem;
    }
}

.plax-break p
{
    font-weight: 400;
    font-size: 1.25rem;
    color: #FFFFFFEE;
    margin: 1em;
    opacity: 1;
    text-shadow: 0 0 0.25em #00000088;
}

@media screen and (max-width: 576px)
{
    .plax-break p
    {
        font-size: 1rem;
        margin: 1rem 2rem;
    }
}

.plax-break-email-sign-up
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;

    max-width: 100%;
}

.plax-break-email-sign-up input[type="email"]
{
    margin: 0.25rem;
    margin-left: 0;
    height: 2.75rem;
    padding: 0.5em;
    border: 0.1em solid white;
    border-radius: 0.25em;
    color: white;
    background: none;
    height: 3rem;
    width: 22rem;
    max-width: 70vw;
    font-size: 1rem;

    outline: none;

    transition: box-shadow 0.1s ease-in-out;
}

.plax-break-email-sign-up input[type="email"]:focus
{
    box-shadow: 0 0 0.5em 0.5em #00000011;
}

.plax-break-email-sign-up input[type="email"]::placeholder
{
    color: #FFFFFFDD;
    font-weight: 400;
}

.plax-break-email-sign-up input[type="button"]
{
    margin: 0.25rem;
    font-weight: 600;
    border: 0.1em solid cyan;
    border-radius: 0.25em;
    background-color: #00000000;
    color: #00EEEE;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    height: 3rem;

    transition: box-shadow 0.25s ease-in-out;
}

.plax-break-email-sign-up input[type="button"]:hover
{
    box-shadow: 0 0  1em 0 #00000044;
    background-color: #00000009;
}

.plax-break-email-sign-up input[type="button"]:active
{
    box-shadow: 0 0  1em 0 #00000044;
    background-color: #00000009;
} 