body{
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 99.9%;
    height: 100%;
    justify-content: center;
    justify-items: center;
    background-color: #F0F0F0;
    font-family: 'main_font', 'Melody';
}
/*fonts*/
@font-face {
    font-family: 'main_font';
    src: url('https://danaelectronicarmin.ir/accounting/fonts/Melody.ttf') format('truetype'),
    url('https://danaelectronicarmin.ir/accounting/fonts/MelodyBd.ttf') format('truetype');
    font-weight: normal;
    /*font-style: normal;*/
}
/*headers*/
.div_for_header{
    width: 100%;
    height: fit-content;
    position: relative;
    display: flex;
    flex-direction: row;
    text-align: center;
    background: #1eff00;
    background: linear-gradient(90deg, rgba(30, 255, 0, 0.20) 0%, rgba(87, 199, 133, 0.20) 50%, rgba(0, 252, 63, 0.20) 100%);
}
.div_for_header_logo{
    overflow: hidden;
    width: 40%;
    height: 100%;
    position: relative;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*text-align: center;*/
}
.div_for_header_titles{
    overflow: hidden;
    width: 60%;
    height: 100%;
    position: relative;
}
/*menu*/
.main_div_for_menu{
    width: 100%;
    height: fit-content;
    position: relative;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    padding: 1em;
}
.second_div_for_manu{
    justify-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    padding: 0.5em;
}
.second_div_for_manu a{
    text-align: center;
    text-decoration: none;
    padding: 1em;
    border-radius: 10px;
    background-color: #00A8A9;
    margin: 0.5em;
    color: white;
}
.second_div_for_manu a:hover{
    transition: 0.4s;
    background-color: #0b1137;
}