body{
    background-color: #f9f9f9;
}
.navbar{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    /* height: 56px; */
    background-color: white;
    display: flex;
    /* border: 1px solid teal; */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}
#menulogo{
    height: 40px;
    width: 40px;
    /* border: 1px solid red; */
    margin: 8px 16px
}
.fa-bars{
    size: 80px;
    font-size: 24px;
    margin: 8px 16px
}
.logodiv{
    width: 120px;
    height: 56px;
    /* border: 1px solid red; */
}
#navlogo{
    
    width: 90px;
    height: 56px;
}
.in{
    font-size: 10px;
    /* border: 1px solid red; */
    margin-left: -30px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.inputbox{
    width: 728px;
    height: 40px;
    margin: 8px 16px 8px 56px;

    /* border: 1px solid red; */
    display: flex;

}
#search{
    margin-left: 30px;
    width: 559px;
    height: 35px;
}
.sdiv{
    width: 64px;
    height: 39px;
    background-color: #f8f8f8;
    border: 1px solid black;
    border-left: none;
}
.fa-search{
    margin: 6px 0px 0px 20px;
    font-size: 24px;
}
.micro{
    width: 40px;
    margin-left: 15px;
    border-radius: 55%;
    background-color: #f9f9f9;
    /* border: 1px solid teal; */
}
.fa-microphone{
    margin: 6px 0px 0px 12px;
    font-size: 23px;
}
.box9{
    background: black ;
    border-radius: 55%;
    margin: 16px 0px 8px 13%;
    position: relative;
    z-index: 1;
}
#box9{
    position: absolute;
    width: 24px;
    z-index: -1;
}
.dot3{
    margin: 16px 4%;
}
.fa-ellipsis-v{
    font-size: 24px;
}
.userbox{
    width: 100px;
    height: 40px;
    border: 1px solid #347ddc;
    margin-top: 8px;
    margin-left: -45px;
    display: flex;
}
.userbox>p{
    font-size: 14px;
    color: #347ddc;
    margin-top: 10px;
    font-weight: 500;
}
.userbox>i{
    margin: 8px;
    font-size: 24px;
    color:#347ddc;
}
.leftDiv{
    width: 70px;
    height: 100%;
    position: fixed;
    top: 55px;
    left: 0;
    /* background-color: grey; */
}
.leftDiv{
    display: grid;
    background-color: white;
    border: 1px solid transparent;
    /* flex-wrap: wrap; */
}
.homediv{
    margin-top: 20px;
    width: 100%;
    height: 60px;
    display: grid;
    /* background-color: orange; */
    justify-content: center;
    text-align: center;
}
.homediv:hover{
    background-color: #f2f2f2;
}
.fa-home{
    margin-top: 10px;
    font-size: 24px;
}
.homediv>p{
    font-size: 12px;
    margin-top: 8px;
}
.fa-compass{
    margin-top: 10px;
    font-size: 24px;
}
#compass{
    margin-top: 0px;
    /* background-color: hotpink; */
    /* margin-top: -308px; */
}
#lastdiv{
    margin-top: 0px;
    margin-bottom: 380px;
}
#temp{
    position: relative;
    top: 10%;
    left: 7%;
    /* background-color: salmon; */
    height: 60px;
    width: 93%;
    margin-top: 80px;
    z-index: -10;
    display: grid;
    grid-template-columns: repeat(4, 24%);
    grid-gap: 1%;
}
#box{
    /* width: 295px ; */
    height: 260px;
    /* background-color: teal; */
    cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#poster{
    width: 100%;
    height: 65%;
}
#name{
    position: relative;
    top: 0px;
    left: 7%;
    width: 230px;
    /* height: 40px; */
    font-weight: 500;
    font-size: 13px;
    /* margin-top: 10px; */
    /* border:  1px solid black; */
}
.dis{
    display: flex;
    /* border: 1px solid red; */
    /* height: auto; */
}
#clogo{
    position: relative;
    top: 15px;
    left: 10px;
    width: 35px;
    border-radius: 55%;
    /* border: 1px solid red; */
}
.name{
    font-size: 12px;
}
.cname{
    margin-top: -10px;
    color: rgb(175, 175, 175);
}
#sResult{
    margin-top: -90px;
    position: relative;
    left: 250px;
    right: 40%;
    top: -20%;
    width: 620px;
    /* width: 100%; */
    height: 350px;
    /* border: 1px solid blue; */
    background: rgba(255, 255, 255, 0.98);
    font-size: 14px;
    overflow-y: scroll;
    overflow: none;
    display: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}