*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body
{
    margin:0;
}

/*----------------------------------------------*/

.ContentLayer
{
    width:100%;
    min-height: 80vh;
    color: var(--brown);
    font-family: Yekan_Regular;
    direction:rtl;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.FormLayer
{
    width:50%;
    padding:50px;
    background-color:var(--yellow);

    text-align:center;
}

    .FormLayer p
    {
        margin-bottom:20px;
    }

    .FormLayer .txt
    {

    width:250px;
    height:30px;
    color:#414141;
    padding-right:5px;
    border:none;
    }

    .FormLayer .btn
    {
            min-width:100px;
    display:inline-block;
    color:white;
    background-color:var(--brown);
    font-family:Yekan_Regular;
    font-weight:bold;
    border:none;
    padding: 10px 20px;
    margin:30px 0;
    text-align:center;
    cursor:pointer;
    }

    .FormLayer .lbl
    {
    }

/*----------------------------------------- Tablet --------------------------------------*/
@media (max-width: 768px)
{
    .ContentLayer
    {
        min-height: 70vh;
    }


    .FormLayer
    {
        width: 70%;
        padding: 50px 30px;
    }

}

/*------------------------------------------- Mobile ------------------------------------*/
@media (max-width: 420px)
{
    .ContentLayer
    {
        min-height: 70vh;
    }

    .FormLayer
    {
        width: 80%;
        padding: 30px 20px;
    }
}