body {
  caret-color: transparent;
  ::selection {
  background: #61ff05;
}


  letter-spacing: -1.5px;
    font-size: 20px;
    margin:6px;
  padding:3px;

a {text-decoration-thickness: 1px;
font-weight: 600;
} 

a:link {color:blue;}
a:visited {color:#9DE63E;}
a.blue:visited{color:blue;}

hr {
  margin-left: 0;
  margin-right: 0;
  margin-top:5px;
  margin-bottom:1px;
}


.site {display:flex;
  justify-content:left;
  align-items:left;
  margin-top:auto;
  margin-bottom:auto
  padding:3px;
}

.main {height:600px;
width:800px;
border: 1px solid;
display:flex;
justify-content:auto;
align-items:auto;
margin-top:auto;
margin-bottom:auto;
padding:3px;} 

.sidebar
 {border-right:1px solid;
width:150px;
height:600px;
overflow-y:scroll;
overflow-x:hidden;
scrollbar-width: none;
display: inline-flex;
flex-direction: column;
justify-content: left;
align-items: left;
padding-right:3px;
margin-right:3px;
position:relative
float="left"
   
 }


h4{
  font-size: 22px;
   transform: scale(1, 1.5);
padding:3px;
margin:3px;
  color:red;
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-style: italic;
  font-weight: bold;
  unicode-bidi: isolate;
}

h3 {
  font-size: 22px;
  padding-left:20px;
  margin: none;
  color:blue;
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}

.top {height:150px;
width:100%;
background-image: url(https://i.pinimg.com/1200x/99/96/3e/99963e2244d7fcfcc67b42f059014bca.jpg);
                     position:relative;
                     overflow: hidden;
                     display:inline-block;
                 }
                 
.left{    
    transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    font-weight: 400;
    padding-bottom:5px;
    font-size: 18px;
}

.leftheader{    
    transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    font-weight: 400;
    padding-bottom:5px;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
}


.box {border:1px dashed;
        width:50%;
padding:3px;} 

scan {
  font-size: 14px;
  text-align: center;
  color: red;
  display: flex;
  justify-content: center;
}

ul {
  list-style-type: "- ";
  padding: 0px;
  align-content: left;
  display: inline-flex;
  position: relative;
  flex-direction: column;
  margin-left: 20px;
margin-top:5px;
margin-bottom:5px;
}
                 
.base {background-color: lime;