/*@import url('https://fonts.googleapis.com/css?family=Stylish');*/

@import url('https://fonts.googleapis.com/css2?family=Kufam:wght@400;500;700&display=swap');
* {
  font-family: 'Kufam', sans-serif  !important;
}
.header,.header_navbar,a
{
    padding:0px;
    margin:0px;
    box-sizing: border-box;
}
body {
    background-color: #051a2b;
}
/*========= Scrollbar Css ========*/
::-webkit-scrollbar {
    width: 10px;
    
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
background: rgb(32, 32, 32); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: rgb(24, 24, 24); 
}
/*=================================*/    

.logo
{
  color: white;
  left: 10px;
  bottom: 10px;
  margin-top: 10px;
  text-align:center;
  padding:17px 0px;
  line-height: 1;
  font-family: 'Stylish';
  font-size: 25px;
  font-weight:bolder;
  word-spacing:-4px;
}
.logo p
{
  margin-bottom:0px;
}
.topnav 
{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  overflow: hidden;
  /*background-color: black;*/
  padding:5px;
   /*border-bottom: 3px solid #08151f; */
   /*box-shadow: 0 0 4px #2f3438;*/
  font-family:sans-serif;
  line-height: 1;
}

.topnav a {
  /*float: right;*/
  /*display: block;*/
  color:rgb(230, 230, 230);
  /*border:1px solid transparent;*/
  /*margin-top:10px;
  padding: 5px 9px;*/
  text-decoration: none;
  font-size: 14px;
  border-radius: 2px;
  font-family: 'Kufam', sans-serif !important;
  font-weight: 700;
  width:25%;
  text-align:center;
  letter-spacing: 1px;
}

.topnav a:hover {
  border-bottom: 3px solid rgba(255, 255, 255,.1);
}

.topnav a.active {
  /*background-color: white;
  color: rgb(17, 121, 3);*/
  border-bottom: 3px solid rgba(255, 255, 255,.1);
}