h1
{
    top: 1rem;
    left: 1rem;
    width: calc(100%);
    text-align: center;
}

#credential_container
{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 30%;

    & input,
    & button
    {
        display: inline-block;
        margin-bottom: 1rem;
        width: 100%;
        font-size: 125%;
        outline: none;
        border: none;
        border-bottom: 1px solid black;
    }

    & button
    {
        cursor: pointer;
        color: white;
        background-color: blue;
        border: 1px solid blue;

        &:hover                
        {
            background-color: white;
            color: blue;
        }
    }
}

.Block
{
    margin-left: 0;
}