*{
    margin: 0;
    padding: 0
    
    
}
@font-face {
    font-family: 'Vazir';
    src: url('../font/Vazir.ttf');
}
.font{
    font-family: 'Vazir';

}
.welcome{
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 25px;
    background: rgba(16, 164, 223, 0.8);
    color: #29102c;
    padding: 12px 22px;
    border-radius: 8px;
    opacity: 0;
    animation: fade 2s forwards;
    font-family: 'Vazir';
}
@keyframes fade {
    0% {opacity: 0;}
    10% {opacity: 1;}
    90% {opacity: 1;}
    100% {opacity: 0;}
}
.menu{
    background: #ccb9ce;
}