.normal-nav{
                 border-bottom-left-radius: 10px;
                 border-bottom-right-radius: 10px;
             }
             @media (min-aspect-ratio: 10/7) {
                 .box_year {
                     aspect-ratio: 1/1;
                 }
             }
            .bg-color1394{
                background-color: #e62e2e;
            }
            .bg-color1398{
                background-color: #e62e2e;
            }
            .bg-color1396{
                background-color: #49a6f2;
            }
            .bg-color1397{
                background-color:#ffcc00;
            }
            #year1394{
                background-color: #e62e2e;
            }
            #year1396{
                background-color: #49a6f2;
            }
            #year1397{
                background-color:#ffcc00;
            }
            #year1398{
                background-color: #e62e2e;
            }
            .history_title{
                color: #e62e2e;

            }
            @media (hover:hover){

                .box:hover{
                    cursor: pointer;
                    transform:scale(1.05);
                }

            }


            .box{
                transition: all 0.5s;
            }
            h4 , h1 , h3 , h2 , h5 {
                font-family: peyda-bold;
            }
            div , p {
                font-family: peyda-medium;
            }