*{
    margin: 0;
    padding: 0;
    font-family: 'poppins',sans-serif;
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color: #5a5a5a;
}
image{cursor: pointer;}
.flex-div{
    display: flex;
    align-items: center;
}
nav{
    padding: 10px 2%;
    justify-content: space-between;
    box-shadow:0 0 10px rgba(255, 244, 244, 0.2);
    background:rgb(10, 10, 10);
    position: static;
    top: 0;
    z-index: 10;
}
.nav-right img{
    width: 50px;
    margin-left: 10px;
}
.nav-right .user-icon{
    width: 10px;
    border-radius: 10px;
    margin-right: 0;
}
.nav-middle .mic-iocn{
    width: 40px;
}
.nav-middle .search-box{
    border: 2px solid #fff7f7;
    margin-right: 100px;
    padding: 5px 16px;
    border-radius: 15px;
}
.nav-middle.search-box input{
    width: 400px;
    border: 0;
    outline: 0;
    background: #5a5a5a;
}
.nav-middle .search-box img{
    width: 25px;
}*{
    margin: 0;
    padding: 0;
    font-family: 'poppins',sans-serif;
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color: #5a5a5a;
}
image{cursor: pointer;}
.flex-div{
    display: flex;
    align-items: center;
}
nav{
    padding: 10px 2%;
    justify-content: space-between;
    box-shadow:0 0 10px rgba(255, 244, 244, 0.2);
    background:rgb(10, 10, 10);
    position: static;
    top: 0;
    z-index: 10;
}
.nav-right img{
    width: 50px;
    margin-left: 10px;
}
.nav-right .user-icon{
    width: 10px;
    border-radius: 10px;
    margin-right: 0;
}
.nav-middle .mic-iocn{
    width: 40px;
}
.nav-middle .search-box{
    border: 2px solid #fff7f7;
    margin-right: 100px;
    padding: 5px 16px;
    border-radius: 15px;
}
.nav-middle.search-box input{
    width: 400px;
    border: 0;
    outline: 0;
    background: #5a5a5a;
}
.nav-middle .search-box img{
    width: 25px;
}*{
    margin: 0;
    padding: 0;
    font-family: 'poppins',sans-serif;
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color: #5a5a5a;
}
image{cursor: pointer;}
.flex-div{
    display: flex;
    align-items: center;
}
nav{
    padding: 10px 2%;
    justify-content: space-between;
    box-shadow:0 0 10px rgba(255, 244, 244, 0.2);
    background:rgb(10, 10, 10);
    position: static;
    top: 0;
    z-index: 10;
}
.nav-right img{
    width: 50px;
    margin-left: 10px;
}
.nav-right .user-icon{
    width: 10px;
    border-radius: 10px;
    margin-right: 0;
}
.nav-middle .mic-iocn{
    width: 40px;
}
.nav-middle .search-box{
    border: 2px solid #fff7f7;
    margin-right: 100px;
    padding: 5px 16px;
    border-radius: 15px;
}
.nav-middle.search-box input{
    width: 400px;
    border: 0;
    outline: 0;
    background: #5a5a5a;
}
.nav-middle .search-box img{
    width: 25px;
}*{
    margin: 0;
    padding: 0;
    font-family: 'poppins',sans-serif;
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color: #5a5a5a;
}
image{cursor: pointer;}
.flex-div{
    display: flex;
    align-items: center;
}
nav{
    padding: 10px 2%;
    justify-content: space-between;
    box-shadow:0 0 10px rgba(255, 244, 244, 0.2);
    background:rgb(10, 10, 10);
    position: static;
    top: 0;
    z-index: 10;
}
.nav-right img{
    width: 50px;
    margin-left: 10px;
}
.nav-right .user-icon{
    width: 10px;
    border-radius: 10px;
    margin-right: 0;
}
.nav-middle .mic-iocn{
    width: 40px;
}
.nav-middle .search-box{
    border: 2px solid #fff7f7;
    margin-right: 100px;
    padding: 5px 16px;
    border-radius: 15px;
}
.nav-middle.search-box input{
    width: 400px;
    border: 0;
    outline: 0;
    background: #5a5a5a;
}
.nav-middle .search-box img{
    width: 25px;
}*{
    margin: 0;
    padding: 0;
    font-family: 'poppins',sans-serif;
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color: #5a5a5a;
}
image{cursor: pointer;}
.flex-div{
    display: flex;
    align-items: center;
}
nav{
    padding: 10px 2%;
    justify-content: space-between;
    box-shadow:0 0 10px rgba(255, 244, 244, 0.2);
    background:rgb(10, 10, 10);
    position: static;
    top: 0;
    z-index: 10;
}
.nav-right img{
    width: 50px;
    margin-left: 10px;
}
.nav-right .user-icon{
    width: 10px;
    border-radius: 10px;
    margin-right: 0;
}
.nav-middle .mic-iocn{
    width: 40px;
}
.nav-middle .search-box{
    border: 2px solid #fff7f7;
    margin-right: 100px;
    padding: 5px 16px;
    border-radius: 15px;
}
.nav-middle.search-box input{
    width: 400px;
    border: 0;
    outline: 0;
    background: #5a5a5a;
}
.nav-middle .search-box img{
    width: 25px;
}