/* fnt */
@font-face {
    font-family: 'vazir';
    src: url('fonts/Vazir.eot');
url('fonts/Vazir.woff') format('woff'),
url('fonts/Vazir.ttf')  format('truetype');
}

body{
    font-family: 'vazir';
    font-size: 20px;
}
/* img a */
#img{
    max-width: 1000px;
    max-height: 500px;
    border-radius: 20px;
}
.col{
    margin-top: 20px;
}
#a{
    text-decoration: none;
    color: black;
}
#a:hover{
    color: blue;
}



/* gra */

.top-page {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    color: #fff;
}

.top-page h2 {
    padding: 20px 0;
}
.top-page a{color:#fff}



@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}