:root {
  --inner-core: #161616;
  --outer-core: #202020;
  --mantle: #252525; 
  --crust: #303030;
  --tropo: #3281ea;
  --strato: #0284e8;
  --meso: #02a3e8;
  --thermo: #02bbe8;
  --text: #f3f3f3;
  --white: #d4d7db;
  --aurora: #05844A;
  --magma: #B10C0C;
}

div#tildes {
    position: absolute;
    top: 0px;
    left: 0px;
    word-break: break-all;
    background-color: var(--inner-core);
    color: var(--tropo);
    z-index: -1;
    font-size: 120%;
    letter-spacing: .75em;
  }

  section#header {
    margin-top: 5%;
    text-align: center;
    font-size: 150%;
    margin-right: 2%;
    margin-left: 1%;
  }
  section {
    font-family: monospace;
    background-color: var(--inner-core);
    color: var(--tropo);
  }

  section#summary p {
    font-size: 150%;
  }

  td#info p {
    margin-left: 250px;
  }

  section#blog {
    margin-left: max((100% - 60ch) * .2, 0ch);
    max-width: 40ch;
  }

  #boxes section {
    padding: 0 2ch;
    margin-top: 2em;
    border: 1px solid #e0b0ff30;
  }

  section#no-steal {
    margin-left: auto;
    margin-right: max((100% - 38ch) * .25, 0ch);
    max-width: 30ch;
  }

  section#ascii {
    margin-left: auto;
    margin-right: auto;
    max-width: 38ch;
  }

  a:visited {
    color: var(--tropo);
  }

  section#gpg {
    margin-left: max((100% - 38ch) * .25, 0ch);
    max-width: 30ch;
  }

  section#linux {
    margin-left: auto;
    margin-right: max((100% - 60ch) * .2, 0ch);
    max-width: 60ch;
  }

  section#footer {
    margin: auto;
    margin-top: auto;
    margin-top: 4em;
    text-align: center;
    max-width: 50ch;
  }

  section#qr {
    text-align: right;
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-top: 40em;
    text-align: center;
    max-width: 4ch;
    margin-right: max((100% - 10ch) * .2, 0ch);
  }

/* todo - mobile responsiveness */