header{
    grid-area:header;
}

.nav_list{
    grid-area:left;
    display: flex;
    /* margin-left: 250px; */

}



        .header_container{
           background: #0496ff;
           display: flex;
           justify-content: space-between;
           height: 98px;
           margin-bottom: 30px;
           padding: 0.5em 0.7em;
           box-shadow: 0px 0px 0px 5px #0496ff;
           border-bottom: dashed 2px white;
           color: white;
        }

                       h1{
                           font-size: 40px;
                           margin: 20px 0 0 50px;
                         }
                         
                       .nav_header{
                           margin: 50px 30px 5px 0;
                       }

/* h1{
margin-bottom: 130px;
}

.nav_header{
margin-bottom: 10px;
} */


       .header_jpg img{
       margin: 30px auto 30px;
        }

       

        .nav_header ul{
           display: flex;   
           margin: auto auto auto auto;
           height: 70px;
        }
        
        .nav_header li{
           display: inline-block;
       }

                       .header_jpg{
                           /* margin: 5px; */
                           text-align: center;    
                       }

                       header jpg{
                           width: 100%;
                       }


        header nav{
          margin-bottom: 20px;
        }

        .list_nav_header2{
            background-color: #0496ff;
            height: 80px;
            display: flex;
            padding: 0.5em 0.7em;
            margin: 2em 0 80px;
            box-shadow: 0px 0px 0px 5px #0496ff;
            border-top: dashed 2px white;
            border-bottom: dashed 2px white;
            justify-content: center;
            align-items: center;
            
        }

       .nav_header2 li{
           color: white;
           min-height: 70px;
           width: 300px;
           font-size: 25px;
           padding-top: 20px;
           text-align: center;
           border-right: solid 2px white;
        } 

        /* .nav_header2 li{
            position: relative;
            padding: 0.5em 0.7em;
            margin: 2em 10% 80px;
            background: #0496ff;
            box-shadow: 0px 0px 0px 5px #0496ff;
            border: dashed 2px white;
            padding: 0.2em 0.5em;
            font-weight: bold;
            color: white;
    
            }  */
    
 
    

               .nav_header2 li a{
                   color: white;
               }
              


               .solid_left{
                   border-left: solid 2px white;
               }
                       .nav_header2 li:hover{
                           background-color:lightsteelblue; 
                       }





/* ーーーーーーーーーーーーーーーーここからーーーーーーーーーーーーーーーーーーーーーーー */






.not_buttons1{
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0 20px;
    background: #3e4afa;
    box-shadow: 0px 0px 0px 5px #3e4afa;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    font-weight: bold;
}

.not_buttons1:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: white #dff1f5 #0496ff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
            .not_buttons1 p{
                margin: 0; 
                padding: 20px;
                text-align: center;
                font-size: 30px;
                color: white;
            }

.side_buttons_box{
    position:relative;
    width: 230px; 
    transition: 0.2s;
    -webkit-transition: 0.2s;
}
        .side_buttons_box img{
            width: 100%;
            border-radius: 2px;
            border: 1px double blue;
        }
                .side_buttons_box p{
                    position:absolute;
                    top:50%;
                    left:50%;
                    transform: translate(-50%,-50%);
                    margin: 0;
                    font-size: 15px;
                    color: white;
                    text-shadow:1px 1px 0 blue,-1px 1px 0 blue,1px -1px 0 blue,-1px -1px 0 blue;
                }

                        .side_buttons_box:hover{
                            transform: scale(1.1);
                            opacity: 0.5;             
                        }