@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
    font-family: 'Iransans';
    src: url('/public/fonts/IRANSansWebFaNum.woff2');
}
body{
    direction: rtl;
    font-family: 'Iransans';
    background-color: #FAF6F9;
    max-width: 100vw;
    overflow-x: hidden !important;
}
.animate{
    -webkit-animation:spin 0.5s linear infinite;
    -moz-animation:spin 0.5s linear infinite;
    animation:spin 0.3s linear infinite;
}
.line2{
    stroke: black;
}
.header {
    background-image: url("/public/images/headerImg.jpg");

    width: 100%;
    background-repeat: no-repeat;

    background-size: cover;
}
@media (min-width: 1024px) { 
    .header{
        background-position: center;
    }
 }
.test{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), #FAF6F9 70%);
    width: 100%;
    height: 150px;
    margin-top: -130px;
}