@import "../css/main.css";
@plugin "daisyui";

body{
    font-family: iransans;
}
@font-face {
    font-family: 'iranyekan';
    src: url(/font/IRANYekanWeb-Bold.eot);
    src: url(/font/IRANYekanWeb-Bold.ttf);
    src: url(/font/IRANYekanWeb-Bold.woff);
    src: url(/font/IRANYekanWeb-Bold.woff2);
}
@font-face {
    font-family: 'iransans';
    src: url(/font/IRANSansWeb-Light.eot);
    src: url(/font/IRANSansWeb-Light.ttf);
    src: url(/font/IRANSansWeb-Light.woff);
    src: url(/font/IRANSansWeb-Light.woff2);
   
}


@layer utilities {
    @keyframes t1 {
        0%,100%{ opacity:0; transform: translateY(20px) ; -webkit-transform: translateY(20px) ; -moz-transform: translateY(20px) ; -ms-transform: translateY(20px) ; -o-transform: translateY(20px) ; }
        5%,30%{ opacity:1; transform: translateY(0px) ; }
        35%,100%{ opacity:0; transform: translateY(-10px) ; }
    
}
    @keyframes t2 {
        0% ,33.3%,100% { opacity: 0; transform: translateY(20px) ; -webkit-transform: translateY(20px) ; -moz-transform: translateY(20px) ; -ms-transform: translateY(20px) ; -o-transform: translateY(20px) ; }
        38.3% ,63.3% { opacity: 1; transform: translateY(0px) ; }
        68.3% ,100% { opacity: 0; transform: translateY(-10px) ; }
    

    
}
     @keyframes t3 {
        0% ,66.6%,100% {opacity: 0;  transform: translateY(20px) ;}
        71.6% ,96.6% { opacity: 1; transform: translateY(0px) ; }
        100% { opacity: 0; transform: translateY(-10px) ; }
    

    
}
.animate-t1{
    animation: t1 9s linear infinite;
   
}
.animate-t2{
    animation: t2 9s linear infinite;
   
}
.animate-t3{
    animation: t3 9s linear infinite;

}
}