@font-face {
  font-family: Vazir;
  src: url('../font/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: bold;
}
@font-face {
  font-family: Vazir;
  src: url('../font/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: normal;
}
body {
	   animation: backgroundColor 15s infinite alternate;
    font-family: Vazir;
    font-weight: bold;
}
@keyframes backgroundColor {
    0% {
        background-color: #ff6b6b;
    }

    50% {
        background-color: #6b8cff;
    }

    100% {
        background-color: #6bff95;
    }
}
.slide {
    animation: slide 6s;
}

@keyframes slide {
    from {
        transform: translateX(-100px);
    }

    to {
        transform: translateX(0);
    }
}
/*
jhhjhhh

*/
main>h2 {
	color: rgb(10, 10, 170);
}
#_t1 > h2{
color: #a52a2a;
}
.imp-news {
	display: flex;
	gap:20px;
	flex-direction: row;
	@media (width < 400px) {
		flex-direction: column;
	}
}
article.imp-news > section{
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 10px 0;
    font: normal normal 15px Vazir;
    color: #623370;
    box-shadow: 5px 5px 5px #0001;
}
article.imp-news > section:hover{
    border-color: rgb(214, 241, 57);
	color:#000;
}
img{
aspect-ratio: 3;
    object-fit: cover;
    width: 25vw;
	    border: 6px solid #fff;
		 box-shadow: 5px 5px 5px #0001;
		 border-radius: 5px;
}
nav{
	display: flex;
	gap:20px;
	flex-direction: row;
}
nav > a{
color:rgb(0, 89, 116);
}
nav > a:hover{
color:rgb(140, 44, 218);
}
.slide-hover {
    transition: transform 0.3s;
}

.slide-hover:hover {
    transform: translateX(20px);
}