@font-face {
  font-family: 'IRANSansWeb_Bold';
  src: url('/fa/Fonts/IRANSansWeb_Bold.eot'); /* IE9 Compat Modes */
  src: url('/fa/Fonts/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fa/Fonts/IRANSansWeb_Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fa/Fonts/IRANSansWeb_Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/fa/Fonts/IRANSansWeb_Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: bold;
}
@font-face {
  font-family: 'IRANSansWeb_Medium';
  src: url('/fa/Fonts/IRANSansWeb_Medium.eot'); /* IE9 Compat Modes */
  src: url('/fa/Fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fa/Fonts/IRANSansWeb_Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fa/Fonts/IRANSansWeb_Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/fa/Fonts/IRANSansWeb_Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 500;
}
@font-face {
  font-family: 'IRANSansWeb_UltraLight';
  src: url('/fa/Fonts/IRANSansWeb_UltraLight.eot'); /* IE9 Compat Modes */
  src: url('/fa/Fonts/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fa/Fonts/IRANSansWeb_UltraLight.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fa/Fonts/IRANSansWeb_UltraLight.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/fa/Fonts/IRANSansWeb_UltraLight.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 200;
}
@font-face {
  font-family: 'IRANSansWeb_Light';
  src: url('/fa/Fonts/IRANSansWeb_Light.eot'); /* IE9 Compat Modes */
  src: url('/fa/Fonts/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fa/Fonts/IRANSansWeb_Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fa/Fonts/IRANSansWeb_Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/fa/Fonts/IRANSansWeb_Light.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 300;
}
@font-face {
  font-family: 'IRANSansWeb';
  src: url('/fa/Fonts/IRANSansWeb.eot'); /* IE9 Compat Modes */
  src: url('/fa/Fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fa/Fonts/IRANSansWeb.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: normal;
}


*{

    padding: 0;
    margin: 0;
    border: none;
    font-family: "IRANSansWeb", sans-serif;
    outline: none;
    font-size: 18px;
    box-sizing: border-box;
}

body{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #7B1FA2;
}
form{
    background-color: #fff;
    border-radius: 12px;
    padding: 20px 28px;
    width: 400px;
}
input[type="text"],
input[type="password"]{
    width: 100%;
    border: 1px solid #ded9ee;
    padding: 16px;
    border-radius: 8px;
    color: #1b1b1b;
    display: block;
    transition: 180ms ease-in border-color;
}
input::placeholder{
    color: grey;
    font-weight: 300;
}
input:focus{
    border-color: #89888b;
}
button[type="submit"],
input[type="submit"]{
    background-color: #7E57C2;
    color: white;
    padding: 12px;
    border-radius: 8px;
    display: block;
    cursor: pointer;
    width: 100%;
}
img{
    display: block;
    width: 200px;
    margin: 0 auto;
}