*{
    margin:0%;
    padding:0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif

}
#nav{
   width:100%;
   height:110px;
   box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
#upper{
   height: 65%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
#upper>div:first-child{
display: flex;
align-items: center;
height: 100%;
margin-left: 25px;
}
#upper>div:first-child>input{
height: 25px;
width: 300px;
margin-left: 20px;
}
#upper>div:first-child>img{
height: 90%;
}
#upper>div:first-child>img:hover{
   cursor:pointer;
}
#upper>div:last-child{
display: flex;
}
#upper>div:last-child>div>div:first-child{
display: flex;
font-size: 14px;
justify-content:right;
}
#upper>div:last-child>div>div:last-child{
font-weight: 600;
justify-content:right;
}
#upper>div:last-child>div{
margin-right: 20px;
}
#upper>div:last-child>div:last-child>img{
width: 35px;
margin-right: 10px;
}
#lower{
font-size: 12px;
display: flex;
margin-top: 16px;
gap:27px;
margin-left: 110px;
}
#lower>select{
border: none;
font-weight: 700;
}
#container{
   display: flex;
}
#side-bar{
   padding-left:50px;
   margin-top:50px;
   color:#949494;
   border-right:1px solid #f0eef3;
   width:15%;
}
#side-bar>p{
   margin-top:20px;
   font-size: 13px;
   font-family: sans-serif;
}
#side-bar>h3{
   color:#646d6b;
   font-size: 18px;
}
#side-bar>p:hover{
   text-decoration: underline;
   cursor: pointer;
}
#main{
   width:85%;
   display: grid;
   grid-template-columns: repeat(4,1fr);
   grid-template-rows: auto;
   margin-top:100px;
   margin-left:20px;
   gap:10px;
}

#main>div>div>img{
   width:100%;
   /* border:1px solid blue; */
}
#main>div>div{
   padding-bottom: 5px;
}
img+p{
margin-left: 5px;
color:#68686f;
}
#main>div>div:first-child{
   box-shadow: 0 4px 2px -5px #000000;;
}
#main>div>div>p+p{
   margin-right: 4px;
   width:50px;
   border-radius:8px;
   margin-left:250px;
   background-color:#3cc101;
   padding:1px 5px;
   color:white;
   font-size:14px;
}
#main>div>div:last-child{
   display:flex;
   justify-content: space-around;
   align-items: center;
   margin-top:5px;
}
#main>div>div:last-child>h2{
   color:orange;
   font-size: 20px;
   font-weight:100;
}
#main>div>div:last-child>h3{
   color: #008a00;
   font-size: 14px;
   font-weight:100;
}
a{
   text-decoration: none;
   color:black;
}
a:hover{
   cursor:pointer;
   color: red;
}