.site
{
    grid-template-columns:1fr;
}
.content
{
    background:var(--d-Themes-2);
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:var(--paddingMed);
    .btn, input
    {
        width:100%;
    }
    .btn
    {
        text-align:center;
    }
    h3
    {
        display:block;
        img
        {
            width:100%;
            height:40px;
        }
    }
    .main_content
    {
        display: flex;
        width:90%;
        max-width:320px;
        align-items: center;
        justify-content: center;
        background:var(--d-Themes-1);
        flex-direction: column;
        padding:calc(1 * var(--paddingMed)) calc(1 * var(--paddingMed));
        border-radius:var(--paddingMed2);
        .main_content-data
        {
            width:100%;
        }
    }

}