@import url("/styles/goblin-hole-primary-stylesheet.css");

html {
  background-color: var(--duskycove);
  height: 100vh;
  background-image: 
    linear-gradient(
    to top right,
    var(--goblinseggblue),
    var(--shinygooblue),
    var(--gooblue)), 
    linear-gradient(
    120deg,
    var(--okayorange),
    var(--deadtech),
    var(--grumbleberry)), 
    linear-gradient(
    to bottom right,
    var(--isitgrey),
    var(--soapflower),
    var(--shinygooblue));
  background-repeat: stretch;
  background-attachment: fixed;
  background-blend-mode: saturation;
  
.gg-border-table {
  margin: 100px auto auto auto;
  position: relative;
  height: fit-content;
  width: fit-content;
  padding: 3px;
  border: 3px solid transparent;
  border-image-source: url(/assets/borderbutts/9/pale-pink-9.png);
  border-image-width: 3px;
  border-image-slice: 3 fill;
  border-image-repeat: repeat;
  border-image-outset: 3px; 
 
  
}

table {
  height: fit-content;
  width: fit-content;
  border: 3px solid transparent;
  border-image-width: 3px;
  border-image-slice: 3;
  border-image-repeat: repeat;
  border-image-outset: 3px;
 
}
tr {}
td {
  height: 15px;
  width: 15px;
  border: 3px solid transparent;
  border-image-width: 3px;
  border-image-slice: 3 fill;
  border-image-repeat: repeat;
}
.lt {
  border-image-source: url(/assets/borderbutts/9/bg-blu-9.png)
}
.pk {
  border-image-source: url(/assets/borderbutts/9/lila-dk-9.png);}
.ltpk {
  border-image-source: url(/assets/borderbutts/9/lila-9.png);}
.grn {
  border-image-source: url(/assets/borderbutts/9/grn-9.png);}
.dkgrn {
  border-image-source: url(/assets/borderbutts/9/dk-grn-9.png);}
.dk {
  border-image-source: url(/assets/borderbutts/9/dk-prp-9.png);
  mix-blend-mode: multuply;
}

.eye {}
.L-eye {}
.R-eye {}
.pupil {}
.outline {}
.a-a {}