@font-face {
    font-family: 'tanha';
    src: url("font/Tanha-FD.woff2")
    format('woff2'),
    url("font/Tanha-FD.woff2")
    format('woff');
    font-weight: normal;
    font-style: normal;
}
h1,h2,h3,h4,h5,h6,p,a{
    font-family: 'tanha',sans-serif;
    white-space: pre-line;
}
#iconSuccess{
    font-size: 80px;
}
#notExistingAccountIcon{
    font-size: 70px;
}
.btn-outline-primary:hover{
    color: white !important;
    background-color: blue !important;
}
#dialogNotExistingOrLoginAccount{
 height:70vh !important;
}
#iconNoComment{
    color: black;
    font-size: 100px;
}
.bg-img{
    background-color: white;
    height: 40vh;
    object-fit:contain;
    border-radius: 10px;
    border : 2px solid white;
}
.thumbs img{
    height: 10vh;
    cursor : pointer;
    border-radius: 8px;
}
.thumbs img:hover{
    transform: scale(1.05);
    border : 2px solid white;
}
/*tablet size 768px*/
@media(min-width: 768px ){
    #iconNoComment{
        font-size:150px;
    }
    #dialogNotExistingOrLoginAccount{
        height : 50vh !important;
    }
}
/*desktop 992 px*/
@media(min-width: 992px){
    #iconNoComment{
        font-size: 200px;
    }
    #dialogNotExistingOrLoginAccount{
        height:45vh !important;
    }
}