/*@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"); 

@import url('https://fonts.googleapis.com/css?family=Rajdhani:300&display=swap');*/

.sidenav {
height: 100%;
width: 0%;
position: fixed;
z-index: 1;
top: 0px;
left: 0;
overflow-x: hidden;
transition: 0.5s;
padding-top: 40px;
box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.09);
background:#FF4500;
}

a {
color: #666;
font-weight:500;
font-family:'Roboto', sans-serif;
font-size: 16px;
text-decoration:none;
background:white;
}

.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 16px;
display: block;
transition: 0.3s;
font-weight:500;
font-family:'Roboto', sans-serif;
width: 100%;
text-indent:8px;
background:white;
}

.sidenav a:hover {
color: #eee;
text-decoration:none;
}

.sidenav .closebtn {
position: absolute;
top: 0px;
left: 0;
right:10px;
text-align:;
font-size: 24px;
padding:5px 5px;
z-index: 1;
background-color: white;
border-bottom:1px solid #eee;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

/*HEADER*/
.header {
width: 100%;
height:48px;
margin: 0 auto;
padding: 5px 0px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1;
padding-bottom: 0px;
font-family: 'Source Sans Pro', sans-serif;
background-color:white;
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.bi-gear-fill{position:relative;margin:-2px -20px;}