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

:root {
    --base-colour: #000;
    --text-colour: #fff;
    --accent: #fff;
    --font-family: "GYLPHS", monospace;
    --border: 5px double #fff;
    
    --body-padding: 0;
    --wrapper-width: fit-content;
    --wrapper-height: 100vh;
  }

  #xelf {
  width: 100vw;
  height: 100vh;
  position: absolute; 
  top: 0;
  left: 0;
  z-index: 279;
  }

  .mainLinks {
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-size: 30pt;
  margin-bottom: 1em;
  margin-top: .2em;
  }

  .otherLinks {
  font-size: 17pt;
  display: flex;
  flex-direction: column;
  gap: 1em;
  }

  .otherLinks a {
  color: #ffffff63;
  }

  #wrapper {
  height: var(--wrapper-height);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 927;
  padding: 1em;
  background: linear-gradient(90deg, #000000 50%, #00000000);
  }

  a:hover {
    color: #ccc;
  }