body {
  font-family: monospace;
  background-color: black;
  color: white;
  overflow: hidden;
}


.row {
  display: flex;
}

.column {
  padding: 1px;
  overflow-y: scroll;
  max-height: 100vh;
}

.left {
  width: 25%;
}

.right {
  width: 75%;
}
/**.note {
  width: 15%;
  background-color: #F8C8DC;
  padding:25px;
}**/
  

table,
th,
td {
  
  border-collapse: collapse;
  padding: 15px;
  vertical-align: top;
}


table {
  border: 60px solid;
  border-color: white;
  box-shadow: 0 0 50px 5px white;
  filter: blur(5px);
  transition: 0.25s filter linear;
}

table:hover {
  filter: blur(0);
}

tr:nth-child(1) {
  text-decoration: underline; 
  text-align: center; 
  background-color: #F7F7F4; 
}

tr:hover{
  background-color: #222623;
}

i {
  text-decoration: underline;
}

img {
  margin: 0 auto;
  width: 190px;
  max-width:100%;
  padding: 0rem;
  text-align: center; 
}

p {
  text-align: center; 
}

/**div {
  background-color: #F8C8DC;
  padding:50px;
  margin:50px;
  width:5%;
} **/


           /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #F7F7F4;
  border-radius: 15px;
  border: 1px solid white;
  margin: .25em;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #222623;
}

::selection {
  color: #F7F7F4;
  background-color: white;
}