:root {
  --accent: #587de7;
  --accent2: #90fbaa;
}

@font-face {
  font-family: Digivolve;
  src: url('Digivolve.otf');
}

@font-face {
  font-family: 'Dogica';
  src: url('dogicapixel.ttf');
}

@font-face {
  font-family: 'Dogica';
  src: url('dogicapixelbold.ttf');
  font-weight: bold;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Dogica', sans-serif;
  background-color: #161616;
  color: white;
  font-size: 12px;
  line-height: 1.5em;

}

body a {
  color: var(--accent2);
}

.container {
  max-width: 900px;
  margin: 0 auto;
}

.wrapper {
  margin: 10px;
  background-color: #161616;
}

td {
  padding: 10px;
}

tr {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 50px;
  border-bottom: 1px solid var(--accent);
}

tbody tr:nth-child(even) {
  background-color: #161616;
}

tbody tr:nth-child(odd) {
  background-color: #494949;
}

td.url a {
  color: var(--accent2);
  font-weight: bold;
  font-size: 22px;
  font-family: 'Digivolve';
  text-decoration: none;
}

th {
  cursor: pointer;
  background-color: var(--accent);
  padding: 10px;
}

tbody .title {
  font-weight: bold;
  position: sticky;
  left: 0;
  background-color: inherit;
}

#surf {
  font-weight: bold;
  font-size: 20px;
  color: #6D9DD5;
  text-decoration: none;
}

.surf {
  text-align: right;
  width: 50%;
  margin-left: 20px;
  margin-top: 10px;
}

h1 {
  font-size: 60px;
  font-family: 'Digivolve';
  text-transform: uppercase;
  color: var(--accent);
  margin-top: 20px;
}

tr {
  text-align: left;
}

.url {
  min-width: 150px;
}

.descr {
  width: 90%;
}

.descrInput {
  width: 100%;
  max-width: 45ch;
}

.cat {
  min-width: 130px;
}

.tags {
  min-width: 250px;
}

.tags ul {
  padding: 0 0 0 1em;
}

.tags__edit {
  display: grid;
  grid-template-rows: repeat(6, max-content);
  /* grid-auto-flow: column; */
  gap: 1ch;
  width: 200px;
}

.tags__edit>div>label {
  display: inline;
  font-weight: normal;
}

/* used to hide the checkboxes */
.hide {
  display: none !important;
}

label:not('.filters') {
  display: block;
  font-weight: bold;
}

.filters label {
  font-weight: bold !important;
}

#honeypot {
  display: none;
}

#filters {
  width: 50%;
  margin-bottom: 10px;
}

.flex {
  display: flex;
}


input:not(input[type=checkbox]) {
  margin-bottom: 10px;
}

input[type=checkbox] {
  display: inline;
}

#dupe {
  color: red;
  font-weight: bold;
  display: none;
}

[data-attr="fun"] {
  color: rgb(240, 155, 98);
}

[data-attr="serious"] {
  color: rgb(248, 94, 94);
}

[data-attr="useful"] {
  color: rgb(107, 107, 248);
}

[data-attr="healing"] {
  color: rgb(131, 228, 131);
}


[data-attr="social"] {
  color: rgb(238, 90, 213);
}

[data-attr="personal"] {
  color: rgb(170, 115, 216);
}

nav ul {
  list-style-type: none;
  background-color: var(--accent);
  margin-top: 0;
  padding: 10px;

}

nav ul li {
  display: inline;
}

nav ul li a {
  color: white;
  font-weight: bold;
  padding-right: 40px;
  text-decoration: none;
}

details {
  cursor: pointer;
}

summary {
  list-style-type: none;
  color: var(--accent2);
  font-weight: bold;
  margin-bottom: 10px;
}

.filterButton {
  background-color: var(--accent);
  padding-left: 10px;
  font-weight: bold;
  max-width: 150px;
  margin-bottom: 10px;
  padding: 5px;

}

.small {
  font-size: 12px;
}

#search {
  max-width: 50%;
  justify-content: flex-end;
}

#search label {
  font-weight: bold;
  color: var(--accent2);
}

.filterSearch {
  display: flex;
  justify-content: space-between;
}

mark {
  padding: 5px;
  background-color: rgb(243, 243, 136);
}

.myTags {
  background-color: var(--accent2);
  color: black;
  padding: 4px;
}

.myTags {
  text-decoration: none;
}

.itemTags {
  margin-top: 10px;
}

.tagFilter {
  background-color: var(--accent);
  padding: 5px;
  display: none;
}

#currentTag {
  font-weight: bold;
}

.urlAdmin {
  max-width: 200px;
  word-wrap: break-word;
}

@media only screen and (max-width: 600px) {

  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }

  tr {
    height: auto;
  }

  thead {
    display: none;
  }

  .surf {
    display: none;
  }
}
/*
     FILE ARCHIVED ON 22:17:47 Mar 18, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:50:48 Jun 11, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.898
  exclusion.robots: 0.222
  exclusion.robots.policy: 0.21
  esindex: 0.013
  cdx.remote: 31.789
  LoadShardBlock: 341.581 (3)
  PetaboxLoader3.datanode: 191.644 (4)
  PetaboxLoader3.resolve: 179.448 (2)
  load_resource: 69.939
*/