:link,
:visited {
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code {
  font-size: 1em;
}

ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
body,
html,
p,
blockquote,
form,
fieldset,
input {
  margin: 0;
  padding: 0;
}

a img,
:link img,
:visited img {
  border: none;
}

address {
  font-style: normal;
}

img {
  -ms-interpolation-mode: bicubic;
}

html {
  height: 100%;
}

body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background: #00090f;
  background-attachment: fixed;
  color: #FFF;
  text-rendering: optimizeLegibility;
  min-width: 300px;
}

header {
  user-select: none;
  position: relative;
}

header nav {
  width: 100%;
  background: linear-gradient(90deg, rgba(0, 149, 255, 1) 0%, rgba(0, 255, 234, 1) 50%, rgba(0, 255, 128, 1) 100%);
  text-align: center;
  box-shadow: 0 0 6px rgb(0, 255, 234);
}

header nav ul {
  padding: 0.8em 0;
}

header nav ul li {
  position: relative;
  display: inline-block;
  padding: 0.75em 1em;
  border: 1px rgb(0, 255, 234) solid;
  background: rgba(0, 0, 0, 0.75);
  margin: 0 1em;
  border-radius: 1em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

header nav ul li a:after {
  display: block;
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  content: '';
  border: 2px rgb(0, 255, 234) solid;
  opacity: 0;
  transform: scale(1, 1);
  border-radius: 0.8em;
}

header nav ul li a:hover {
  text-shadow: 0 0 2px #b0b0bb;
  color: #fff !important;
}

@keyframes expansion {
  from {
    transform: scale(1, 1);
    opacity: 1;
  }

  to {
    transform: scale(1.1, 1.2);
    opacity: 0;
  }
}

header nav ul li a:hover:after {
  animation-name: expansion;
  animation-duration: 0.9s;
  animation-timing-function: ease-out;
}

header nav ul li a:visited {
  color: #bdc9df;
}

header nav ul li p {
  display: inline;
}

header nav ul li a {
  color: #e5faff;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 1.3em;
  letter-spacing: 2px;
  font-variant: small-caps;
}

header section {
  position: relative;
  text-align: center;
  padding: 1.75em 0;
  height: 4em;
}

.featurebox {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#crates {
  padding-right: 0.25em;
  top: 0.2em;
  position: relative;
}

.featurebox h3 a:link {
  color: #C9DCF0;
  position: relative;
  padding-left: 0.25em;
  text-shadow: 0 0 0 #8693AB;
}

.featurebox h3 a:visited {
  color: #8693AB;
}

.featurebox h3 a:hover {
  color: #FFF;
  border-bottom: 0;
  text-shadow: 0 0 4px #fff;
  transition: text-shadow 0.5s, color 0.5s;
}


.featurebox h3 a:active {
  color: #FFF;
}

@keyframes slideRight {
  0% {
    transform: translateX(-35%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideLeft {
  0% {
    transform: translateX(25%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

code,
pre {
  font-family: monospace;
}

section .wrapicon {
  position: relative;
  padding: 2em 0 1em 0;
  background: url('/img/tritile.png');
  background-size: 3em;
}

section .wrapicon:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  background: radial-gradient(circle, #00090f 0%, #00090f 25%, rgba(0, 212, 255, 0) 100%);
  background-size: 70em;
}

section .wrapalicorn {
  position: relative;
  padding: 2em 0 1em 0;
  background: url('/img/alicorn-bg.png') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}

section .wrapalicorn:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  background: radial-gradient(circle, #00090f 0%, #00090f 35%, rgba(0, 212, 255, 0) 100%) no-repeat;
  background-position: center;
}


section .innative {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 100%;
}

section .wrapfeather {
  position: relative;
  padding: 2em 0 1em 0;
  background: #57C785;
  background: linear-gradient(180deg, rgb(87, 199, 133) 0%, rgba(85, 217, 171, 0.5) 30%, rgba(83, 201, 237, 0) 100%);
  text-align: center;
}

section .wrapfeather .toplayer {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  background: radial-gradient(circle, #00090f 0%, #00090f 30%, rgba(0, 9, 15, 0.7) 60%, rgba(0, 212, 255, 0) 100%);
  background-size: 70em;
  background-position: center;
}

section .feather {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 100%;
}

main {
  /*! max-width: 1200px; */
  margin: 0 auto;
}

main a:link {
  color: #e2b3ff;
}

main a:visited {
  color: #aea9b5;
}

main a:hover {
  color: #f5d3ff;
  border-bottom: 1px #f5d3ff dashed;
}

main a:active {
  color: #f5d3ff;
}

main hr {
  border: 0;
  height: 2px;
  width: 100%;
  margin: 0;
  background: #8693AB;
}

main section {
  background: #00090f;
  padding: 2em;
}

main section#introbox {
  position: relative;
  padding: 0 0 8em 0;
  z-index: -1;
}

main section #bgeffect {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0cf;
  background: linear-gradient(0deg, rgb(0, 204, 255, 0.9) 0%, rgba(29, 199, 255, 0.5) 19%, rgba(45, 196, 255, 0.22) 40%, rgba(59, 193, 255, 0) 75%);
}

main section#introbox h4 {
  padding: 0 0 0 8em;
}

main section h3 {
  position: relative;
  font-size: 2.5em;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 1em 0 0 2em;
  text-shadow: 0 1px 3px #000;
  max-width: 800px;
  margin: 0 auto;
}

main section h4 {
  position: relative;
  font-size: 1.2em;
  padding: 1em 2em;
  color: #ccc;
  text-shadow: 0 1px 0 #333;
  max-width: 800px;
  margin: 0 auto;
}

main section.base {
  max-width: 800px;
  margin: 0 auto;
}

main section article {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}

main section article .readmore {
  display: block;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  color: #8693AB;
  background: linear-gradient(rgba(0, 9, 15, 0) 0%, rgba(0, 9, 15, 0.5) 20%, rgba(0, 9, 15, 1) 60%) no-repeat;
  padding-top: 1em;
  text-shadow: -1px -1px 0 #000;
  background-position: 0 0;
  transition: height 1s;
  height: 1.5em;
}

main section article .readmore:link {
  color: #C9DCF0;
}

main section article .readmore:visited {
  color: #8693AB;
}

main section article .readmore:hover {
  color: #FFF;
  border-bottom: 0;
  height: 2.5em;
  transition: height 1s;
}

main section article .readmore:active {
  color: #FFF;
}

main section article h2 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.7em;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0.5em 0 0.15em 0;
  text-shadow: 0 1px 2px #000;
}

main section article h3 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0.25em 0 0.1em 0;
  text-shadow: 0 1px 2px #000;
  color: #efefef;
}

main section article h4 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  margin: 0.25em 0 0.1em 0;
  text-shadow: 0 1px 2px #000;
  color: #dddddd;
}

main section article pre {
  display: block;
  max-width: 800px;
}

main section>h1 a:active,
main section>h1 a:visited,
main section>h1 a:hover,
main section>h1 a:link {
  color: #FFF;
  border-bottom: 0;
}

main section>h1 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 0.5em 0;
  text-shadow: 0 1px 2px #000;
}

main section>h2 {
  position: relative;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  color: #8693AB;
  padding-right: 1.5em;
  padding-top: 0.5em;
  text-align: right;
}

main section>h2 time {
  display: inline-block;
}

main .featurebox h3 {
  position: relative;
  display: inline-block;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 0;
  text-shadow: -3px 3px 3px #000;
  text-align: center;
}

main section>h5 {
  display: inline;
  font-weight: 400;
}

main section>h6 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 1.5em;
  letter-spacing: 3px;
  color: #8693AB;
  user-select: none;
}

main section hr {
  border: 0;
  height: 1px;
  background: #8693AB;
}

main section p {
  line-height: 145%;
  margin: 0.85em 0;
}

main section p b {
  letter-spacing: 0.5px;
  font-size: 105%;
  color: #f0f0f0;
}

main section>aside {
  position: relative;
  float: right;
  top: -0.5em;
}

main section>aside>img {
  border-radius: 1.5em;
  width: 6em;
}

main .grid {
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto;
}

main .grid .box {
  flex: 0 0 33.33%;
  overflow: hidden;
}

main .grid section {
  margin: 0.8em;
  padding: 0;
}

main .grid .box section aside {
  display: none;
}

main .grid .box section h1 {
  overflow: hidden;
  text-overflow: ellipsis;
}

main .grid .box section article h1,
main .grid .box section article h2,
main .grid .box section article h3,
main .grid .box section article h4,
main .grid .box section article h5,
main .grid .box section article h6,
main .grid .box section article pre {
  display: none;
}

main .grid .box section article blockquote {
  display: inline;
}

main .grid section article {
  max-height: 10em;
}

main section article ul {
  list-style: disc inside;
  margin: 1.5em 0;
}

main section article ul li {
  display: list-item;
  margin-left: 1em;
  margin-bottom: 0.1em;
}

main section article .imgwrap {
  margin: 0 auto;
  width: 100%;
}

main .grid section h6 {
  font-size: 0.8em;
  letter-spacing: 3px;
}

main .grid section h6 span {
  display: none;
}

main .grid section h1 {
  font-size: 1.4em;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px #000;
}

main .grid section h2 {
  font-size: 80%;
}

main .grid section h5 {
  display: none;
}

main .grid section p {
  margin: 0.5em 0;
  font-size: 90%;
}

main .grid section aside img {
  width: 4em;
}

main .grid section .archivebutton {
  display: block;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  padding: 0.5em;
  color: #8693AB;
  border: 1px #8693AB dashed;
}

main .grid section .archivebutton:link {
  color: #C9DCF0;
}

main .grid section .archivebutton:visited {
  color: #8693AB;
}

main .grid section .archivebutton:hover {
  color: #FFF;
  border: 1px #8693AB solid;
}

main .grid section .archivebutton:active {
  color: #FFF;
  border: 1px #8693AB solid;
}

main section.job>article h1 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.7em;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 0 0.25em 0;
}

main section.job>article h2 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  color: #8693AB;
  margin-top: 1em;
}

main section.job>article h6 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 1.2em;
  letter-spacing: 1px;
  color: #8693AB;
  margin-bottom: 0.5em;
}

main section.job>article div.button a {
  display: inline-block;
  padding: 0.2em 0.8em 0.2em 1em;
  background: #050f1f;
  border: 1px #8693AB solid;
  cursor: pointer;
  border-radius: 0.25em;
  margin: auto 0;
}

main section.job>article div.button {
  text-align: center;
}

main section.job>article input.button {
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  background: #050f1f;
  border: 1px #8693AB solid;
  cursor: pointer;
  border-radius: 0.25em;
  color: #ffffff;
}

main div.goback {
  text-align: center;
}

main div.goback section {
  padding: 0.5em 1em;
  display: inline-block;
  font-size: 1.4em;
  margin-top: 1.5em;
}

main div.goback section a:hover {
  border-bottom: 0;
}

main section.job>article time {
  float: right;
  font-size: 0.9em;
  color: #999;
}

main section.job>article textarea {
  overflow: auto;
  width: 100%;
  max-width: 60em;
  resize: vertical;
}

main div#submit {
  display: none;
  text-align: center;
}

main div#submit:target {
  display: block;
}

main div#submit:before {
  display: inline-block;
  position: relative;
  background: #147c22;
  padding: 0.5em 1em;
  border: 1px solid #17d317;
  border-radius: 0.4em;
  box-shadow: 0 0 12px #000;
  overflow: hidden;
  content: 'Submission successful! Thank you for applying!';
}

main section.member {
  position: relative;
  display: flex;
  padding: 3px;
  margin: 1.5em 0;
}

main section.member>aside {
  flex-shrink: 0;
  flex-basis: auto;
  padding: 1em 2em;
  text-align: center;
  border-right: 1px solid #8693AB;
  top: 0;
  float: none;
}

main section.member>aside img {
  width: 10em;
}

main section.member>aside h1 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 0 0.25em 0;
}

main section.member>aside h2 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  color: #8693AB;
  margin-top: 1em;
}

main section.member>aside h2.available {
  font-variant: small-caps;
  letter-spacing: 2px;
  font-size: 110%;
}

main section.member>aside h6 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 1.5em;
  letter-spacing: 2px;
  color: #8693AB;
  margin-bottom: 0.5em;
}

main section.member>article {
  flex-basis: 100%;
  padding: 1em 2em;
}

main section.member>article ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 10em;
}

main section>article blockquote {
  margin-left: 2.5em;
  margin-right: 2.5em;
  color: #ddd;
}


main .grid .box section article blockquote {
  display: inline;
}

main section span.hidden {
  padding: 0.2em 1em 0.1em 1em;
  background: #050f1f;
  border: 1px #8693AB solid;
  cursor: pointer;
  border-radius: 0.25em;
}

footer section {
  box-shadow: 0 50vh 0 50vh #00090f;
}

footer section a {
  display: inline-block;
}

footer {
  position: relative;
  background: #00090f;
  padding: 2em;
  box-shadow: 0 0 12px #000 inset;
  margin-top: 2em;
  color: #8693AB;
  text-align: center;
  user-select: none;
}

footer a:link {
  color: #8693AB;
}

footer a:visited {
  color: #8693AB;
}

footer a:hover {
  color: #EEE;
  border-bottom: 1px #EEE dashed;
}

footer a:active {
  color: #EEE;
}

@media (max-width: 845px) {
  header nav ul li {
    margin: 0 0.25em;
  }
}

@media (max-width: 750px) {
  header nav ul li p {
    display: none;
  }

  main section.member {
    flex-flow: column;
  }

  main section.member>aside {
    border: 0;
  }

  main section.member>article ul {
    max-height: none;
    border-bottom: 1px #8693AB solid;
    padding-bottom: 1em;
  }

  main section#introbox h3 {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  main section#introbox h4 {
    padding-left: 0;
    text-align: center;
  }

  main .featurebox h3 {
    display: block;
    padding-left: 0;
  }

  main .grid {
    flex-flow: column;
  }
}

@media (max-width:645px) {
  main section {
    padding: 1.5em;
  }

  main section.member>article {
    padding: 1em 1.5em;
  }

  main section>h1 {
    font-size: 1.3em;
  }

  main .grid section h1 {
    font-size: 1.2em;
  }

  main section>h6 span {
    display: none;
  }

  main section>h2 {
    padding-right: 0;
  }
}

@media (max-width: 380px) {
  header nav ul li {
    padding: 0.5em 0.5em;
  }
}