.s2 {
  /* background-image: linear-gradient(to right, rgba(78, 78, 78, 0.405)); */
  /* background-image: url(../img/MTM1MzQwMzMxNTE5NTA0MzU0_onP3Ci1.jpg); */
  clear: both;
  border: 6px silver, rgb(0, 255, 242) solid;
  width: 500px;
  border-radius: 13px;
  margin-top: 9%;
  margin-left: 33%;
  height: 450px;
  position: fixed;
  box-shadow: 4px 4px 4px 4px #3f3f3f;
  background-color: rgba(167, 167, 167, 0.277);
}
/* .s3 {
  text-align: center;
  width: 75px;
  height: 50px;
  margin-left: 132px;
} */
/* img {
  position: fixed;
  width: 100%;
  height: 100%;
} */
/* input[type="text"] {
  direction: ltr;
  border-radius: 12px;
  background-image: linear-gradient(
    to right,
    rgba(0, 174, 255, 0.619),
    rgba(192, 192, 192, 0.564)
  );
  clear: both;
  border: 2px rgb(201, 201, 201), solid;
  text-align: center;
  color: black;
  width: 11%;
  height: 25px;
  text-shadow: 1px 1.8px 1px rgb(0, 0, 0);
  box-shadow: 2px 2px 2px 2px rgb(0, 0, 0);
} */

/* input[type="text"]:hover {
  outline: 10px !important;
  border-left: 10px !important;
  /* transform: scaleX(2);
  transform: scaleY(2); */
/* transition: all 10ms ease-in-out; */

/* background-color: black; */
/* } */

input {
  /* border-radius: 12px;
  background-image: linear-gradient(
    to right,
    rgba(0, 174, 255, 0.619),
    rgba(192, 192, 192, 0.564)
  );
  clear: both;
  border: 2px rgb(201, 201, 201), solid;
  text-align: center;
  color: black;
  width: 11%;
  height: 25px;
  text-shadow: 1px 1.8px 1px rgb(0, 0, 0);
  box-shadow: 2px 2px 2px 2px rgb(0, 0, 0); */
}
.l1,
.l2 {
  color: rgb(0, 0, 0);
  font-family: "barabic";
  /* margin-left: 30%; */
}

.n1 {
  top: 35%;
  left: 44%;
  position: fixed;
  border-radius: 5px;
  background-color: #96969679;
  clear: both;
  border: 2px rgb(201, 201, 201), solid;
  text-align: center;
  color: black;
  width: 11%;
  height: 25px;
  text-shadow: 1px 1.8px 1px rgb(70, 70, 70);
  box-shadow: 2px 2px 2px 2px rgb(58, 58, 58);
  direction: ltr;
  border: 2px rgb(92, 92, 92), solid;
  text-align: center;
  color: black;
  width: 11%;
  height: 25px;

}
.n2 {
    top: 35%;
  left: 44%;
  position: fixed;
  border-radius: 5px;
  background-color: #96969679;
  clear: both;
  border: 2px rgb(201, 201, 201), solid;
  text-align: center;
  color: black;
  width: 11%;
  height: 25px;
  text-shadow: 1px 1.8px 1px rgb(70, 70, 70);
  box-shadow: 2px 2px 2px 2px rgb(58, 58, 58);
  direction: ltr;
  border: 2px rgb(92, 92, 92), solid;
  text-align: center;
  color: black;
  width: 11%;
  height: 25px;
}
/* }
button:hover {
  animation: 1s;
  background-color: rgba(240, 254, 255, 0.642);
} */
.main {
  /* position: fixed; */
  /* border: 2px black solid; */
  padding: 10px;
  /* background-color: blueviolet; */
  margin: 20px;
}
.h1 {
  font-family: "titr";
  margin-left: 35%;
  margin-top: -6%;
  color: rgb(0, 0, 0);
}
.l1 {
  margin-left: 4%;
  top: 16%;
  position: absolute;
  color: rgb(0, 0, 0);
}
.l2 {
  margin-left: 4%;
  top: 32%;
  position: absolute;
  color: rgb(0, 0, 0);
}
.s1 {
  background-image: linear-gradient(
    to right,
    rgba(122, 122, 122, 0.619),
    rgba(192, 192, 192, 0.564)
  );
  width: 30%;
  height: 30px;
  margin-top: 17%;
  margin-left: 34%;
  border-radius: 4px;
  transition: all 0.2s ease-in;
  font-family: titr;
  text-shadow: 1px 1.8px 1px rgb(66, 66, 66);
  box-shadow: 2px 2px 2px 2px rgb(66, 66, 66);
  text-align: center;
  border-radius: 8px;
}
.s4 {
  background-image: linear-gradient(
    to right,
    rgba(0, 174, 255, 0.619),
    rgba(192, 192, 192, 0.564)
  );
  border-radius: 4px;
  transition: all 0.2s ease-in;
  font-family: titr;
  width: 30%;
  height: 30px;
  margin-top: 2%;
  margin-left: 34%;
  border-radius: 8px;
  text-shadow: 1px 1.8px 1px rgb(66, 66, 66);
  box-shadow: 2px 2px 2px 2px rgb(66, 66, 66);
  text-align: center;
}
.s1:hover,
.s4:hover {
  background-image: linear-gradient(to right, rgb(0, 174, 255), silver);
}
a {
  text-align: right;
  text-decoration: none;
  font-family: titr;
  margin-left: 40%;
}
a:hover {
  box-shadow: 5px 5px 5px green;
}
a:visited {
  color: red;
  background-color: black;
  padding: 5px 10px;
  border-radius: 5px;
}
option {
  text-align: right;
}
option:visited {
  color: red;
}
label{
  text-align: right
}
.w3-text-teal{
  margin-left: 88%;
}
.lb1{
 margin-left: 88%;
}
.textarea{
  margin-left: 1%;
  direction: rtl;
  text-align: right;
  border-radius: 7px;
  border: 2px black solid;
  box-shadow: 3px 3px 4px black;
  background-color: rgb(162, 255, 255);
  font-family: titr;
}
.w3-btnw3-blue{
  width: 100%;
  background-color: blue;
  color: white;
}
.img2{
    width: 2%;
    float: right;
    margin-right: 2%;
}