@font-face {
    font-family: YekanBold;
    src: url(/static/Core/IRANYekanXFaNum-Bold.ttf);
}

@font-face {
    font-family: YekanRegular;
    src: url(/static/Core/IRANYekanXFaNum-Regular.ttf);
}


body{
    direction:rtl;
    font-family:YekanRegular;
    background-color:#F2F2F2;
  color:#2C2C2C;
}

.top-links{
    text-align:center;
    padding:10px;
    margin:30px 0px;
}
.top-link{
    margin:auto 20px;
    text-decoration:none;
    color:#959292;
}

.top-link-action{
    color:#01BAC3;
}

.body-center{
    text-align:center;
    margin-top:220px;
    
}

.nick{
    font-size:100px;
    font-family:YekanBold;
}

.experiences{
    margin:15px auto;   
}

.links{
    margin:25px;
}

.social-media-img{
    height:26px;
    margin:0px 24px;
}

.ex{
    margin:auto 13px;
    color:#7D7D7D;
}

.label-form{
    display:block;
    text-align:right;
    font-family:b mitra;
}

.form-control{
    width:250px;
    padding:10px;
    border-radius:15px;
    border:none;
}

input:focus {
  outline: none;
  color: blue;
  border: 1px solid #123a7b;
  text-decoration: underline;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}

textarea:focus {
  outline: none;
  color: blue;
  border: 1px solid #123a7b;
  text-decoration: underline;
  box-shadow: 0 3px 16px 0 #00000080;
  border-radius: 0.5rem;
}

textarea{
  width:90% !important;
}

.alert{
  padding:10px;
  border-radius:25px;
  text-align:center;
  width:fit-content;
  margin:auto;
  border:3px dashed #bf2424;
}

@media only screen and (max-width: 600px) {
    body{
        margin:0px !important;
    }
    .nick{
        font-size:75pt;
    }
    .ex{
        margin:auto 19px;
    }
    .social-media-img{
        margin:0px 28px;
    }
    textarea{
      width:97% !important;
    }
}

@media only screen and (max-width: 553px) {
    body{
        margin:0px !important;
    }
    .nick{
        font-size:75pt;
    }
    .ex{
        margin:auto 17px;
    }
    .social-media-img{
        margin:0px 25px;
    }
    textarea{
      width:97% !important;
    }
}
@media only screen and (max-width: 500px) {
    body{
        margin:0px !important;
    }
    .nick{
        font-size:65pt;
    }
    .ex{
        margin:auto 14px;
    }
    .social-media-img{
        margin:0px 25px;
    }
    textarea{
      width:97% !important;
    }
}
@media only screen and (max-width: 450px) {
    .nick{
        font-size:65px;
    }
    .ex{
        margin:auto 7px;
    }
    .social-media-img{
        margin:0px 19px;
    }
}

@media only screen and (max-width: 350px) {
    .nick{
        font-size:60px;
    }
    .ex{
        margin:auto 3px;
    }
    .social-media-img{
        margin:0px 16px;
    }
}