body {
    margin: 0;
    font-size: 13px;
    line-height: 19px;
    color: #111;
    font-family: Arial, sans-serif;
}

label {
    margin: 4px 18px;
    font-weight: bold;

}

p {
    width: 80%;
    padding: 20px 20px;
    margin: 4px 18px;
}

a {
    text-decoration: none;
    color: #6199ec;
}

a:hover {
    text-decoration: underline;
    color: rgb(119, 59, 59);
}

input[type=text],
input[type=password],
input[type=email] {
    width: 90%;
    padding: 8px 20px;
    margin: 4px 18px;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 5px 5px 5px 5px rgb(190, 190, 255);
    box-sizing: border-box;
    font-family: "Amazon Ember Arabic", Arial, sans-serif;


}

h1 {
    margin: 0;
    margin: 4px 18px;
    font-weight: lighter;

}

.submit {
    width: 90%;
    background-color: #eeea10;
    color: rgb(14, 14, 14);
    padding: 8px 18px;
    margin: 4px 18px;
    border: none;
    border-radius: 4px;
    cursor: pointer;

}

.submit:hover {
    background-color: #a79e3d;
    /* opacity: .5px; */
}

.container1 {
    width: 50%;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    border-radius: 3%;
    padding-top: 20px;
    position: relative;

}

.container {
    width: 50%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    /* padding-top: 80px; */
    /* background-color: #a0c1f3; */

}