/*

    Author Css: Mehrdad Khodaei

    Resizing Font 
    
    ---------------- Info ----------------
    
    Email:          mkhodaii@itshams.ir - mehrdadkhodaei18@gmail.com
    Phone:          +98 933 805 9497
    
    Powerd By:		ITShams Company - https://www.itshams.ir/

*/

#change_font{

    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999999;
}
#change_font #view_fonts{

    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 2px 9px -4px #999;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #000;
    z-index: 99;
}
#change_font #view_fonts img{

   
    width:35px;
   
}
#change_font .list-changes{

    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
#change_font .list-changes.view{
    
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}
#change_font .list-changes .fnt{

    background-color: #000;    
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;    
    border-radius: 100%;    
    right: 8px;    
    top: 0;    
    background-clip: padding-box;
    border: 2px solid rgba(0, 0, 0, 0.2);    
    transition: all 0.5s;
}
#change_font .list-changes .fnt img{

     
    width: 15px;
    
}
#change_font .list-changes .fnt > .fas{

    color: #fff;
}
#change_font .list-changes.view .fnt.decrease{

    top: -40px;
}
#change_font .list-changes.view .fnt.reset{

    top: -80px;
}
#change_font .list-changes.view .fnt.increase{

    top: -120px;
}
#change_font .list-changes.view .fnt.microphone{

    top: -160px;
}
#change_font .list-changes .tooltip-inner{

    min-width: 80px;
}