body {
  display: flex;
  justify-content: space-around;
  height: 100vh;
}

img{
  height: 15vw;
}


.sidetable{
  width: 30vw;
  max-width: 500px;
  background-color : #aaaaa;
  table-layout: auto;
  max-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.dataframe{
  font-size: 10px;
  border-collapse: none;
  background-color: #bed2f0;
  border: 2px solid #dddddd;
}

th{
  padding: 3px;
}
.sidetd{
  padding: 2px;
  padding-left: 5px;
  padding-right: 0px;
}

.sidetr:hover .sidetd {
  background-color: #acc6ec;
  cursor: pointer;
}


.pop{
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 20vw;
}

.tdpop {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}