@import url('defaults.css');
@import url('basic2.css');  

:root {
  --border: 2px solid #009999;
  --border-2: 1px solid #0514f68a;

  --base-colour: #ccc;
  --text-colour: #1a1a1a;
  --text-bold: #1a1a1a;
  --accent: #009999;
  --header: var(--accent);

  --header-font: "IBM-BIOS", monospace;
  --font-family: "DOS-V", monospace;

  --bg-img: url("/!assets/!core/jigsaw/ILOVETILES.webp");

  --body-padding: none;
  --body-height: 100vh;
  --overflow: hidden;
  --overflow-x: hidden;
  --overflow-y: hidden;

  --section-gap: none;
  --icon-width: 27vw; 
}

body {
  animation: 100s infinite alternate hue-rotate;
}

table, td { 
  border: var(--border); 
  padding: 5px 
}

table { 
  width: 100%; 
}

.icon { 
  width: var(--icon-width);
  height: var(--body-height);
  position: fixed; 
  border-right: var(--border-2);
  background: url("/!assets/!core/jigsaw/banner.webp");
  background-size: cover;
}

#main {
  position: fixed;
  background: #fff;
  left: var(--icon-width);
  height: var(--body-height); 
  width: calc(100vw - var(--icon-width)); 
  padding: 1em;
  overflow: auto;
}