body {
    direction: rtl;
}

.container {
    padding: 32px;
}

.form-login {
    background-color: #f1f1f1;
    width: 360px;
    left: auto;
    margin: auto;
    padding: 25px;
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: black;
    color: white;
    text-align: center;
    font-size: 22px;
}

h2 {
    width: 320px;
    left: auto;
    margin: auto;
    text-align: center;
    font-size: 56px;
    background-color: burlywood;
}

.imgcontainer {
    width: 320px;
    left: auto;
    margin: auto;
    text-align: center;
}

.avatar {
    width: 320px;
    left: auto;
    margin: auto;
}

.this-form {
    width: 320px;
    left: auto;
    margin: auto;
    direction: rtl;
    font-size: 26px;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  
button {
    background-color: #04AA6D;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

button:hover {
    opacity: 0.8;
  }

.alert {
    color: yellow;
    background-color: red;
    font-size: 56px;
    left: auto;
    margin: auto;
}

.frame iframe{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 999999;
}