*{
    padding: 0;
    margin: 0;
}

.header{
width: 99.8%;
height:80px;
background: linear-gradient(to right,#6c7ec3,#67f4ff);
background: -webkit-linear-gradient(to right,#6775b6,#67f4ff);
/* background-image: url('./images/bg.png') ;
background-repeat: no-repeat;
background-size: cover; */
display: flex;
position:fixed;
top:0;
left: 0;
z-index:1;
/* box-shadow: 10px 10px 10px 10px linear-gradient(to right,#454b63,#67f4ff); */
/* box-shadow: 5px 5px 30px  rgb(218, 214, 214); */
/* filter: blur(1px); */

}
.left_logo{
    width:400px;
    height: 100%;
    /* background-color: #fac; */
    margin-left: 280px;
    display: flex;
}
.right_nav{
    width:500px;
    height: 100%;
    /* background-color: #afc; */
    margin-left: 80px;
    display: flex;
    justify-content: space-around;
}
.right_nav>div{
    line-height: 70px;
}
.logo_img{
    width: 50px;
    height: 50px;
    /* border: 1px solid red; */
    margin-top:15px;
}
.logo_img>img{
    width: 100%;
    height: 100%;
}
.header_container{
    width:90%;
    margin:  0 auto;
    display: flex;
    /* background-color: antiquewhite; */
}
.content{
    width: 100%;
    position: relative;
}
.center_bg{
    width: 100%;
  
}
.foot{
    width: 100%;
    height: 80px;
    position: absolute;
    line-height: 80px;
    /* background-color: forestgreen; */
    bottom: 0;
    text-align: center;
    z-index: 0;
    color: #8993a5;
    font-size: 14px;
}
.foot>a{
    text-decoration: none;
    color: #8993a5;
}
.foot>a:hover{
    color:#000;
    /* text-decoration:underline; */
}
.logo_text{
   
    height:60px;
    margin-top: 5px;
    color: #fff;
    margin-left: 20px;
    /* border: 1px solid black; */
}
.right_nav>div{
    width: 20%;
    /* background-color: aqua; */
    text-align: center;
    color: #fff;
}
.right_nav>div>a{
    text-decoration: none;
    color: #fff;
}
.bg{
    background-color: #80ddff;
}