@charset "UTF-8";
:root {
  --base-landscape: 25/6*1vw;
  --base-portrait: 50/7*1vw;
}
@media only screen and (orientation: landscape) {
  :root {
    --base: var(--base-landscape);
  }
}
@media only screen and (orientation: portrait) {
  :root {
    --base: var(--base-portrait);
  }
}

*,
*:before,
*:after {
  box-sizing: border-box;
  transition: all 1s ease;
}

html,
body,
div,
h1,
main,
article,
aside,
header,
p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

main,
article,
aside,
header {
  display: block;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
}

body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  color: white;
  background-color: black;
}

#not-found .layout {
  border: white solid 1px;
  position: absolute;
  left: 0;
  right: 0;
  background-color: white;
  background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
  background-size: calc(2*var(--base)) calc(2*var(--base)), calc(2*var(--base)) calc(2*var(--base));
  background-position: 0 0, calc(var(--base)) calc(var(--base));
}
#not-found .container {
  border: black solid 1px;
  background-color: #7f7f7f;
  background-image: linear-gradient(white 1px, transparent 1px), linear-gradient(90deg, white 1px, transparent 1px);
  background-position: 0 0, 0 0;
  background-origin: content-box;
}
@media only screen and (orientation: landscape) {
  #not-found .container {
    margin: calc(1/4*var(--base) - 2px) calc(1/2*var(--base) - 2px);
  }
}
@media only screen and (orientation: portrait) {
  #not-found .container {
    margin: calc(1/2*var(--base) - 2px);
  }
}
@media only screen and (orientation: landscape) {
  #not-found .container {
    background-size: calc(100%/13) calc(100%/13), calc(100%/23) calc(100%/23);
  }
}
@media only screen and (orientation: portrait) {
  #not-found .container {
    background-size: calc(var(--base)) calc(var(--base)), calc(var(--base)) calc(var(--base));
  }
}
#not-found .flexmachine {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  margin: auto;
  border: white solid 1px;
  height: calc(13*var(--base));
}
#not-found .flexmachine .main {
  border-radius: 50%;
  background-color: black;
  background-image: linear-gradient(white 1px, transparent 1px), linear-gradient(90deg, white 1px, transparent 1px);
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 0 0;
  background-repeat: repeat repeat;
}
@media only screen and (orientation: landscape) {
  #not-found .flexmachine .main {
    width: calc(12*100%/13);
    height: 50vw;
    margin: auto;
  }
}
@media only screen and (orientation: portrait) {
  #not-found .flexmachine .main {
    width: calc(12*var(--base));
    height: calc(12*var(--base));
    margin: calc(1/2*var(--base));
  }
}
#not-found .flexmachine .main .hfeed {
  text-align: center;
  border-radius: 50vw;
  background-color: transparent;
  background-image: linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, black 0%, black 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, black 0%, black 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, black 0%, black 100%), linear-gradient(90deg, #bfbfbf 50%, black 50%), linear-gradient(to left, yellow 0%, yellow 100%), linear-gradient(to left, aqua 0%, aqua 100%), linear-gradient(to left, lime 0%, lime 100%), linear-gradient(to left, fuchsia 0%, fuchsia 100%), linear-gradient(to left, red 0%, red 100%), linear-gradient(to left, blue 0%, blue 100%), linear-gradient(to left, lime 0%, lime 100%), linear-gradient(to left, fuchsia 0%, fuchsia 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, black 0%, black 100%), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtAAAACgCAYAAAAl6lt0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMTMvMTRFo59MAAADh0lEQVR4nO3YQWrDMBRAQcn0/ke2uiq4wSl5FJrUmdkYSX9hBIaH51prjRNzzrPtcWfc/D+aP5s1d4252xnnP5+PMc4/HB61xvh+z8c7tv/Y/tee9fXWc863em7bNvZ9f/p7/MVzGwAA8Ev3fvJdkYAGAIBAQAMAQCCgAQAgENAAABAIaAAACAQ0AAAEAhoAAAIBDQAAgYAGAIBAQAMAQCCgAQAgENAAABAIaAAACAQ0AAAEAhoAAAIBDQAAgYAGAIBAQAMAQCCgAQAgENAAABAIaAAACAQ0AAAEAhoAAAIBDQAAgYAGAIBAQAMAQCCgAQAgENAAABAIaAAACAQ0AAAEAhoAAAIBDQAAgYAGAIBAQAMAQCCgAQAgENAAABAIaAAACAQ0AAAEAhoAAAIBDQAAgYAGAIBAQAMAQCCgAQAgENAAABAIaAAACAQ0AAAEAhoAAAIBDQAAgYAGAIBAQAMAQCCgAQAgENAAABAIaAAACAQ0AAAEAhoAAAIBDQAAgYAGAIBAQAMAQCCgAQAgENAAABAIaAAACAQ0AAAEAhoAAAIBDQAAgYAGAIBAQAMAQCCgAQAgENAAABAIaAAACAQ0AAAEAhoAAAIBDQAAgYAGAIBAQAMAQCCgAQAgENAAABAIaAAACAQ0AAAEH89+AYBnWWut43rOeXs+XuX8ePZq+wDvxh9oAAAIBDQAAAQCGgAAAgENAACBgAYAgEBAAwBAIKABACAQ0AAAEAhoAAAIBDQAAAQCGgAAAgENAACBgAYAgEBAAwBAIKABACAQ0AAAEAhoAAAIBDQAAAQCGgAAAgENAACBgAYAgEBAAwBAIKABACAQ0AAAEAhoAAAIBDQAAAQCGgAAAgENAACBgAYAgEBAAwBAIKABACAQ0AAAEAhoAAAIBDQAAAQCGgAAAgENAACBgAYAgEBAAwBAIKABACAQ0AAAEAhoAAAIBDQAAAQCGgAAAgENAACBgAYAgEBAAwBAIKABACAQ0AAAEAhoAAAIBDQAAAQCGgAAAgENAACBgAYAgEBAAwBAIKABACAQ0AAAEAhoAAAIBDQAAAQCGgAAAgENAACBgAYAgEBAAwBAIKABACAQ0AAAEAhoAAAIBDQAAAQCGgAAAgENAACBgAYAgEBAAwBAIKABACAQ0AAAEAhoAAAIBDQAAAQCGgAAAgENAACBgAYAgEBAAwBAIKABACD4BJ36wExDRH4zAAAAAElFTkSuQmCC"), linear-gradient(to left, black 0%, black 100%), linear-gradient(to left, black 0%, black 100%), linear-gradient(to left, #333333 0%, #333333 100%), linear-gradient(to left, #666666 0%, #666666 100%), linear-gradient(to left, #999999 0%, #999999 100%), linear-gradient(to left, #cccccc 0%, #cccccc 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, black 0%, black 100%), linear-gradient(to left, white 0%, white 100%), linear-gradient(to left, yellow 0%, yellow 100%), linear-gradient(to left, #E10000 0%, #E10000 100%), linear-gradient(to left, yellow 0%, yellow 100%);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 100% calc(1/2*var(--base)), calc(100%/3) calc(var(--base)), calc(100%/3) calc(var(--base)), calc(100%/3) calc(var(--base)), 25% calc(var(--base)), 50% calc(var(--base)), 25% calc(var(--base)), calc(100%/9) calc(var(--base)), calc(100%/6) calc(2*var(--base)), calc(100%/6) calc(2*var(--base)), calc(100%/6) calc(var(--base)), calc(100%/6) calc(var(--base)), calc(100%/6) calc(2*var(--base)), calc(100%/6) calc(2*var(--base)), calc(100%/6) calc(var(--base)), calc(100%/6) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(1px) calc(var(--base)), calc(100%/8) calc(2*var(--base)), calc(6*100%/8) calc(2*var(--base)), calc(100%/8) calc(2*var(--base)), calc(100%/6) calc(var(--base)), calc(100%/6) calc(var(--base)), calc(100%/6) calc(var(--base)), calc(100%/6) calc(var(--base)), calc(100%/6) calc(var(--base)), calc(100%/6) calc(var(--base)), 25% calc(var(--base)), 50% calc(var(--base)), 25% calc(var(--base)), calc(5*100%/11) calc(3/2*var(--base)), calc(100%/11) calc(3/2*var(--base)), calc(5*100%/11) calc(3/2*var(--base));
  background-position: 0 0, 0 calc(1/2*var(--base)), 50% calc(1/2*var(--base)), 100% calc(1/2*var(--base)), 0 calc(3/2*var(--base)), 50% calc(3/2*var(--base)), 100% calc(3/2*var(--base)), 0 calc(5/2*var(--base)), 0 calc(7/2*var(--base)), 20% calc(7/2*var(--base)), 40% calc(7/2*var(--base)), 60% calc(7/2*var(--base)), 80% calc(7/2*var(--base)), 100% calc(7/2*var(--base)), 35% calc(9/2*var(--base)), 65% calc(9/2*var(--base)), calc(100%/24) calc(11/2*var(--base)), calc(3*100%/24) calc(11/2*var(--base)), calc(5*100%/24) calc(11/2*var(--base)), calc(7*100%/24) calc(11/2*var(--base)), calc(9*100%/24) calc(11/2*var(--base)), calc(11*100%/24) calc(11/2*var(--base)), calc(13*100%/24) calc(11/2*var(--base)), calc(15*100%/24) calc(11/2*var(--base)), calc(17*100%/24) calc(11/2*var(--base)), calc(19*100%/24) calc(11/2*var(--base)), calc(21*100%/24) calc(11/2*var(--base)), calc(23*100%/24) calc(11/2*var(--base)), 0 calc(13/2*var(--base)), calc(50% + 1px) calc(13/2*var(--base)), 100% calc(13/2*var(--base)), 0 calc(17/2*var(--base)), 20% calc(17/2*var(--base)), 40% calc(17/2*var(--base)), 60% calc(17/2*var(--base)), 80% calc(17/2*var(--base)), 100% calc(17/2*var(--base)), 0 calc(19/2*var(--base)), 50% calc(19/2*var(--base)), 100% calc(19/2*var(--base)), 0 calc(21/2*var(--base)), 50% calc(21/2*var(--base)), 100% calc(21/2*var(--base));
}
#not-found .flexmachine .main .hfeed .entry-header {
  padding-top: calc(1/2*var(--base));
  height: calc(3/2*var(--base));
}
#not-found .flexmachine .main .hfeed .entry-header .entry-title {
  font-size: calc(var(--base));
  line-height: 1em;
  font-weight: 300;
  letter-spacing: -1px;
}
#not-found .flexmachine .main .hfeed .entry-content {
  padding-top: calc(8*var(--base));
  height: calc(9*var(--base));
  background-image: radial-gradient(circle at 50% 50%, white 50%, white 50%, transparent 100%, transparent 100%, transparent);
  background-position: calc(50%) calc(50%);
  background-repeat: no-repeat;
  background-size: calc(1/8*var(--base)) calc(1/8*var(--base));
}
#not-found .flexmachine .main .hfeed .entry-content p {
  height: 2em;
  font-size: calc(1/2*var(--base));
  line-height: 2em;
}
#not-found .flexmachine .main .hfeed .entry-footer {
  padding-bottom: calc(1/2*var(--base));
  height: calc(3/2*var(--base));
}

@media only screen and (orientation: landscape) {
  #not-found .layout {
    top: calc((100vh - 27/2*var(--base))/2);
  }
  #not-found .flexmachine:before, #not-found .flexmachine:after {
    display: block;
    color: transparent;
    position: absolute;
    line-height: 11em;
    z-index: 1000;
    top: calc(5/4*var(--base));
    width: calc(var(--base));
    height: calc(11*var(--base));
    font-size: calc(var(--base));
  }
  #not-found .flexmachine:before {
    content: '⊢';
    text-align: left;
    left: calc(9/2*var(--base));
    background-image: linear-gradient(#00c694 50%, #c93865 50%);
    background-size: 100% 100%;
  }
  #not-found .flexmachine:after {
    content: '⊣';
    text-align: right;
    right: calc(9/2*var(--base));
    background-image: linear-gradient(#649632 50%, #5b67ff 50%);
    background-size: 100% 100%;
  }
  #not-found .flexmachine .center-box {
    margin-top: calc(1/2*var(--base));
    order: 3;
    flex-grow: 15;
    align-self: center;
    background-image: linear-gradient(to left, #5c97ff 0%, #5c97ff 100%), linear-gradient(to left, #5c97ff 0%, #5c97ff 100%), linear-gradient(to left, #ca6600 0%, #ca6600 100%), linear-gradient(to left, #ca6600 0%, #ca6600 100%);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: calc(var(--base)) calc(2*var(--base)), calc(var(--base)) calc(2*var(--base)), calc(var(--base)) calc(2*var(--base)), calc(var(--base)) calc(2*var(--base));
    background-position: calc(0%) calc(1/2*var(--base)), calc(100%) calc(1/2*var(--base)), calc(0%) calc(19/2*var(--base)), calc(100%) calc(19/2*var(--base));
    width: calc(13*var(--base));
    margin-left: calc(var(--base));
    margin-right: calc(var(--base));
  }
  #not-found .flexmachine .center-box .main-content {
    width: 50vw;
    height: 50vw;
  }
  #not-found .flexmachine .sidebar {
    flex-grow: 4;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
  }
  #not-found .flexmachine .sidebar.box-n-w {
    order: 1;
    justify-content: flex-start;
    margin-top: calc(0.58578643762691*var(--base) - 4px);
    margin-bottom: calc(0.58578643762691*var(--base) - 4px);
    margin-right: calc(0.58578643762691*var(--base) - 6px);
    margin-left: calc(0.58578643762691*var(--base) - 6px);
  }
  #not-found .flexmachine .sidebar.box-n-e {
    order: 4;
    justify-content: flex-start;
    margin-top: calc(0.58578643762691*var(--base) - 4px);
    margin-bottom: calc(0.58578643762691*var(--base) - 4px);
    margin-right: calc(0.58578643762691*var(--base) - 6px);
    margin-left: calc(0.58578643762691*var(--base) - 6px);
  }
  #not-found .flexmachine .sidebar.box-s-e {
    order: 5;
    justify-content: flex-end;
    margin-top: calc(0.58578643762691*var(--base) - 4px);
    margin-bottom: calc(0.58578643762691*var(--base) - 4px);
    margin-right: calc(0.58578643762691*var(--base) - 6px);
    margin-left: calc(0.58578643762691*var(--base) - 6px);
  }
  #not-found .flexmachine .sidebar.box-s-w {
    order: 2;
    justify-content: flex-end;
    margin-top: calc(0.58578643762691*var(--base) - 4px);
    margin-bottom: calc(0.58578643762691*var(--base) - 4px);
    margin-right: calc(0.58578643762691*var(--base) - 6px);
    margin-left: calc(0.58578643762691*var(--base) - 6px);
  }
  #not-found .flexmachine .sidebar .wrap {
    width: calc(2*1.414213562373095*var(--base) + 8px);
    height: calc(2*1.414213562373095*var(--base) + 8px);
    border-radius: 50%;
    background-color: white;
    background-image: linear-gradient(white 1px, transparent 1px), linear-gradient(90deg, white 1px, transparent 1px), linear-gradient(to left, black 0%, black 100%);
    background-repeat: repeat, repeat, no-repeat;
    background-position: 0 0, 0 0, center center;
    background-size: 50% 50%, 50% 50%, calc(2*var(--base)) calc(2*var(--base));
  }
  #not-found .flexmachine .sidebar .widget {
    width: calc(2*var(--base));
    height: calc(2*var(--base));
    margin: calc(1/2*var(--base));
    background-image: radial-gradient(circle at 50% 50%, white 50%, white 50%, transparent 100%, transparent 100%, transparent);
    background-position: calc(50%) calc(50%);
    background-repeat: no-repeat;
    background-size: calc(1/8*var(--base)) calc(1/8*var(--base));
  }
}
@media only screen and (orientation: portrait) {
  #not-found .layout {
    top: calc((100vh - 14*var(--base))/2);
  }
  #not-found .small-box {
    display: none;
  }
  #not-found .center-box {
    width: calc(13*var(--base));
  }
  #not-found .center-box .main-content {
    width: 100%;
    height: calc(12*var(--base));
  }
}