@charset "utf-8";
/* CSS Document */

body {
    font-family: semi;
    background: #f5f6fa;
    margin: 0;
    padding: 0;
  }
article{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 10px;}

  .card {
	  
    background: white;
    padding: 25px;
    border-radius: 12px;
    width: 320px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	  margin: 0 auto;
  }
  .card-inter {
	  display: block;
	justify-content: center;
	  text-align: center;
    background: white;
    padding: 25px;
    border-radius: 12px;
    width: 320px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	 margin: 100px auto;
  }

  h2 {
    text-align: center;
  }

  input {
    width: 100%;
    padding: 10px;
    margin: 8px 0;
    border-radius: 8px;
    border: 1px solid #ccc;
  }

  button {
    width: 100%;
    padding: 10px;
	margin: 0;
    background: #DD4103;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
	  justify-content: center;
	  font-family: semi;
	  transition: 0.2s ease-in
	  
  }
button:hover{background:#001612}

  .hidden {
    display: none;
  }

  .switch {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
  }
.option {
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 6px;
  color: #555;
  transition: 0.3s;
}

.option.active {
  color: white;
  background: #DD4103;
}
a {
	text-decoration: none;}

.inter{
	color: black;
transition: 0.2s ease-in}

.inter:hover{
	text-shadow: 0px 0px 2px #DD4105;
}
.inter_creat{
	text-align: center;
	justify-content: center;
	
}
@font-face{ 
	font-family: semi;
	src: url("Yekan.ttf")}
@media screen and (max-width:768px){ 
	body {
    font-family: semi;
    background: #f5f6fa;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
	
  }
	
	article{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 1px;}
	.card {
    background: white;
    padding: 0px 24px 0px 0px;
    border-radius: 12px;
    width: 90%;
    box-shadow: 0 00px 25px rgba(0,0,0,0.1);
  }
 .card-inter {
	justify-content: center;
	  text-align: center;
    background: white;
    padding: 25px;
    border-radius: 12px;
    width: 320px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	
  }
  h2 {
    text-align: center;
  }

  input {justify-content: center;
	  align-items: center;
    width: 93%;
    padding: 10px;
    margin: 8px 0;
    border-radius: 8px;
    border: 1px solid #ccc;
  }

  button {
    width: 93%;
    padding: 10px;
	margin: 0;
    background: #DD4103;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
	  justify-content: center;
	  font-family: semi;
	  
  }
button:hover{background:#001612}

  .hidden {
    display: none;
  }
	
  .switch {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
  }}