*{
  box-sizing: border-box;
  image-rendering: pixelated;
  margin: 0;
}

:root{
  --outline:
  drop-shadow(-1px 0 0 #b3aeaa)
  drop-shadow(1px 0 0 #b3aeaa)
  drop-shadow(0 -1px 0 #b3aeaa)
  drop-shadow(0 1px 0 #b3aeaa);
}

@font-face{
  font-family: coolvetica;
  src: url(/stylesheets/fonts/Coolvetica-Regular.woff2);
}

::selection{
  color: #d6bc8b;
  background: transparent;
}

::-webkit-scrollbar{
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track{
  background: transparent;
}
 
::-webkit-scrollbar-thumb{
  border: 2px solid #f8f7f6;
  background: #c5c2c0;
}

::-webkit-scrollbar-thumb:hover{
  background: #b0b4b1; 
}

body{
  position: fixed;
  display: flex;
  align-items: center;
  gap: 1em;
  min-height: 100vh;
  left: 12%;
}

a{
  color: #719cb6;
  text-decoration: 1px underline dotted;
}

a:hover{
  color: #9dbdcf;
}

hr{
  border: 0;
  border-top: 1px dotted #c5c2c0;
  margin-bottom: 0.25em;
}

table{
  width: 100%;
  font-size: 10px;
  
  td{
    padding: 0;
  }
}

.decor{
  position: absolute;
  pointer-events: none;
}