body {
   background-color: #121211;
   color: #ddddd1;
   font-family: 'Comic Sans MS';
   font-weight: bold;
   font-size: 10pt;
}

a, a:link, a:visited, a:active {
   text-decoration: none;
   color: #22dd22;
}

.link {
   cursor: pointer;
   color: #22dd22;
}

.header {
   height: 1em;
   font-size: 24pt;
   font-weight: bold;
   font-family: 'Comic Sans MS';
   text-align: center;
   margin-left: 20px;
   margin-right: 20px;
   border-bottom: 2px solid #ddddd1;
}
.sorter {
   float: left;
   top: 0px;
   left: 0px;
}
.name {
   float: right;
   top: 0px;
   right: 5px;
}

.list {
   width: 100%;
   margin: 10px auto auto auto;
   position: relative;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   text-align: center;
}

.item {
   cursor: pointer;
   width: 220px;
   height: 330px;
   margin: 5px;
   border: 2px solid #ddddd1;
   padding: 2px;
   display: inline-block;
   overflow: hidden;
}

.readborder {
   border-color: green !important;
}

.debug {
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 42;
}