@font-face {
    font-family: Vazir;
    src: url('/fonts/Vazir-Regular.eot');
    src: url('/fonts/Vazir-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Vazir-Regular.woff2') format('woff2'),
         url('/fonts/Vazir-Regular.woff') format('woff'),
         url('/fonts/Vazir-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('/fonts/Vazir-Bold.eot');
    src: url('/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Vazir-Bold.woff2') format('woff2'),
         url('/fonts/Vazir-Bold.woff') format('woff'),
         url('/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('/fonts/Vazir-Black.eot');
    src: url('/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Vazir-Black.woff2') format('woff2'),
         url('/fonts/Vazir-Black.woff') format('woff'),
         url('/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('/fonts/Vazir-Medium.eot');
    src: url('/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Vazir-Medium.woff2') format('woff2'),
         url('/fonts/Vazir-Medium.woff') format('woff'),
         url('/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('/fonts/Vazir-Light.eot');
    src: url('/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Vazir-Light.woff2') format('woff2'),
         url('/fonts/Vazir-Light.woff') format('woff'),
         url('/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('/fonts/Vazir-Thin.eot');
    src: url('/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Vazir-Thin.woff2') format('woff2'),
         url('/fonts/Vazir-Thin.woff') format('woff'),
         url('/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
body{
    font-family: Vazir;
    background-color: #f0f0f0;
}
.info-section{
    background-color: #1a3874;
}
.profile-img{
    margin-top:20px;
}
.profile-img img{
    border: 3px solid rgb(255, 255, 255);
    width:200px;
}
.info{
    color: white;
    margin-bottom: 30px;
}
.info h1{
    font-size: 1.2rem;
}
.info-item{
    font-size: 0.8rem;
    margin-bottom: 3px;
    cursor: pointer;
}
.info-item a{
    color: white;
    text-decoration: none;
}
.info-title{
    font-size: 0.6em;
    margin-bottom: 3px;
}
.name{
    font-size: 2rem;
}
.profile-title{
    font-size: 1rem;
    color: #00658d;
}
.section-header{
    border-bottom: 1px solid #ccc;
}
.section-header h2{
    font-size: 1.3rem;
}
.item-image{
    width: 60px;
}
.item-date{
    color: #00000066;
    font-size: 0.8rem;
}
.item-owner{
    color: #00000099;
    font-size: 0.9rem;;
}
.item-description{
    color: #000000ad;
    font-size: 0.8rem;
}
.item-header h2{
    font-size: 0.9rem;
}
.skill-title{
    color: #00000099;
    font-size: 0.9rem;;
}
.skill-progress{
    height: 20px;
}

.tag{
    display: inline-block;
    background-color: #e8e8e8;
    color:#00000066;
    font-weight: 700;
    font-size: 0.7rem;
    margin: .25rem 0 .25rem .5rem;
}
.score{
    background-color: #e8e8e8;
    color:#00000099;
    font-weight: 700;
    font-size: 1.4rem;
    width: 3em;
}