/* Generated, do not edit directly */
#cube {
  display: block;
  position: relative;
  left: -23px;
  top: -4px;
  height: 0px;
  width: 150px;
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
  -webkit-perspective: 150px;
  /* Chrome, Safari, Opera  */
  perspective: 150px;
  font-size: 2em;
  color: #FFF;
  cursor: pointer;
  z-index: 100; }

#cube-face-left {
  padding: 3px 10px;
  position: absolute;
  background-color: red;
  border-right-width: 0;
  right: 78px;
  webkit-transform: rotateY(-25deg);
  transform: rotateY(-25deg);
  background: #7af07a;
  background: -moz-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #7af07a), color-stop(10%, #7af07a), color-stop(100%, #3bbd1e));
  background: -webkit-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -o-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -ms-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: linear-gradient(135deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-left-background-filter-start', endColorstr='$cubeface-left-background-filter-end', GradientType=1 );
  border: 4px solid #229B1E;
  border-right-width: 0;
  border-left-color: #4ADA30;
  border-top-color: #A9EFA9; }

#cube-face-right {
  padding: 3px 10px;
  position: absolute;
  background-color: #E41212;
  border: 4px solid #AF0909;
  border-left-width: 0;
  border-bottom-color: #5A0505;
  border-right-color: #790505;
  border-top-color: #F57676;
  left: 64px;
  webkit-transform: rotateY(22deg);
  transform: rotateY(22deg);
  background: #1e961e;
  background: -moz-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #1e961e), color-stop(10%, #1e961e), color-stop(100%, #3fc421));
  background: -webkit-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -o-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -ms-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: linear-gradient(135deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-right-background-filter-start', endColorstr='$cubeface-right-background-filter-end', GradientType=1 );
  border: 4px solid #1E961E;
  border-left-width: 0;
  border-bottom-color: #1E961E;
  border-right-color: #29A51F;
  border-top-color: #52DD3D; }

/* Home page */
.guihome #cube {
  position: relative;
  left: calc(50% - 75px);
  top: -22px; }

.guihome #cube-face-left {
  position: absolute;
  webkit-transform: rotateY(-25deg);
  border: 4px solid #229B1E;
  border-right-width: 0;
  border-left-color: #4ADA30;
  border-top-color: #A9EFA9;
  background: #7af07a;
  background: -moz-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #7af07a), color-stop(10%, #7af07a), color-stop(100%, #3bbd1e));
  background: -webkit-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -o-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: -ms-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  background: linear-gradient(135deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #38bd1d 94%, #3bbd1e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-left-background-filter-start', endColorstr='$cubeface-left-background-filter-end', GradientType=1 );
  padding: 3px 10px;
  right: 78px;
  transform: rotateY(-25deg); }

.guihome #cube-face-right {
  padding: 3px 10px;
  position: absolute;
  left: 64px;
  webkit-transform: rotateY(22deg);
  transform: rotateY(22deg);
  background: #1e961e;
  background: -moz-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #1e961e), color-stop(10%, #1e961e), color-stop(100%, #3fc421));
  background: -webkit-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -o-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: -ms-linear-gradient(-45deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  background: linear-gradient(135deg, #1e961e 0%, #1e961e 10%, #3fc421 94%, #3fc421 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-right-background-filter-start', endColorstr='$cubeface-right-background-filter-end', GradientType=1 );
  border: 4px solid #1E961E;
  border-left-width: 0;
  border-bottom-color: #1E961E;
  border-right-color: #29A51F;
  border-top-color: #52DD3D; }

.guihome #cube-face-left {
  padding: 3px 15px;
  right: 75px; }

.guihome #cube-face-right {
  padding: 3px 11px;
  left: 67px; }

a#cube div,
#cube-face-left,
#cube-face-right {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* BEGIN flat GUIlastic */
#cube-face-left {
  position: absolute;
  background: #7af07a;
  background: -moz-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 70%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #7af07a), color-stop(10%, #7af07a), color-stop(70%, #42d624));
  background: -webkit-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69% 70%);
  background: -o-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 70%);
  background: -ms-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 70%);
  background: linear-gradient(135deg, #7af07a 0%, #7af07a 10%, #42d624 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-left-background-filter-start', endColorstr='$cubeface-left-background-filter-end', GradientType=1 );
  border: 4px solid #229B1E;
  border-right-width: 0;
  border-left-color: #4ADA30;
  border-top-color: #A9EFA9;
  padding: 1px 5px 1px 4px;
  right: 80px;
  transform: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

#cube-face-right {
  position: absolute;
  background: #1e961e;
  background: -moz-linear-gradient(-45deg, #42d624 49%, #42d624 10%, #1e961e 94%, #1e961e 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #42d624), color-stop(10%, #3bbd1e), color-stop(100%, #1e961e));
  background: -webkit-linear-gradient(-45deg, #42d624 49%, #42d624 10%, #1e961e 94%, #1e961e 100%);
  background: -o-linear-gradient(-45deg, #42d624 49%, #42d624 10%, #1e961e 94%, #1e961e 100%);
  background: -ms-linear-gradient(-45deg, #42d624 49%, #42d624 10%, #1e961e 94%, #1e961e 100%);
  background: linear-gradient(135deg, #42d624 49%, #42d624 10%, #1e961e 94%, #1e961e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$cubeface-right-background-filter-start', endColorstr='$cubeface-right-background-filter-end', GradientType=1 );
  border: 4px solid #1E961E;
  border-left-width: 0;
  border-bottom-color: #1E961E;
  border-right-color: #29A51F;
  border-top-color: #52DD3D;
  border-top-color: #A9EFA9;
  padding: 1px 5px 1px 0;
  left: 70px;
  transform: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* END flat GUIlastic */
.guihome #cube div,
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
     not supported by any browser */ }

a#cube div {
  /* @include shadow( 0px 6px 5px 0px rgba(0,0,0,0.4) ); */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: 40px;
  /*match Bootstrap's LESS value */ }

label {
  display: block; }

input[disabled],
button[disabled] {
  color: #ccc; }

/* GUI main.css overrides of */
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
.header-container, .footer-container, .main aside {
  border-color: #229B1E;
  background: #29b8e5;
  background: -moz-linear-gradient(top, #29b8e5 0%, #29b8e5 10%, #bce0ee 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #29b8e5), color-stop(10%, #29b8e5), color-stop(100%, #bce0ee));
  background: -webkit-linear-gradient(top, #29b8e5 0%, #29b8e5 10%, #bce0ee 100%);
  background: -o-linear-gradient(top, #29b8e5 0%, #29b8e5 10%, #bce0ee 100%);
  background: -ms-linear-gradient(top, #29b8e5 0%, #29b8e5 10%, #bce0ee 100%);
  background: linear-gradient(to bottom, #29b8e5 0%, #29b8e5 10%, #bce0ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29b8e5', endColorstr='#bce0ee', GradientType=0); }

.header-container, .main-container, .footer-container {
  xmax-width: 80%;
  margin: 0 50px; }

.main-container {
  background: #FFF; }

h1.title::first-letter {
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border: 4px solid #229B1E;
  font-family: serif;
  margin: 8px 5px 0 0;
  padding: 5px 10px;
  background-color: red;
  xwebkit-transform: rotateY(-25deg);
  xtransform: rotateY(-25deg);
  background: #7af07a;
  background: -moz-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #42d624 94%, #42d624 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #7af07a), color-stop(10%, #7af07a), color-stop(69%, #42d624), color-stop(94%, #42d624), color-stop(100%, #42d624));
  background: -webkit-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #42d624 94%, #42d624 100%);
  background: -o-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #42d624 94%, #42d624 100%);
  background: -ms-linear-gradient(-45deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #42d624 94%, #42d624 100%);
  background: linear-gradient(135deg, #7af07a 0%, #7af07a 10%, #42d624 69%, #42d624 94%, #42d624 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7af07a', endColorstr='#42d624', GradientType=1);
  border: 4px solid #229B1E;
  border-left-color: #4ADA30;
  border-top-color: #A9EFA9;
  box-sizing: border-box; }

nav a {
  overflow: hidden;
  text-overflow: ellipsis;
  border: solid #229B1E;
  border-width: 2px 4x 0;
  box-sizing: border-box;
  margin-top: 17px;
  padding: 10px;
  background: #7af07a;
  background: -moz-linear-gradient(top, #7af07a 0%, #229b1e 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #7af07a), color-stop(100%, #229b1e));
  background: -webkit-linear-gradient(top, #7af07a 0%, #229b1e 100%);
  background: -o-linear-gradient(top, #7af07a 0%, #229b1e 100%);
  background: -ms-linear-gradient(top, #7af07a 0%, #229b1e 100%);
  background: linear-gradient(to bottom, #7af07a 0%, #229b1e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7af07a', endColorstr='#229b1e', GradientType=0); }

nav ul {
  position: relative;
  bottom: -3px; }

nav a.active, nav a:focus {
  background: #8aff8a;
  background: -moz-linear-gradient(top, #8aff8a 0%, #34d42f 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #8aff8a), color-stop(100%, #34d42f));
  background: -webkit-linear-gradient(top, #8aff8a 0%, #34d42f 100%);
  background: -o-linear-gradient(top, #8aff8a 0%, #34d42f 100%);
  background: -ms-linear-gradient(top, #8aff8a 0%, #34d42f 100%);
  background: linear-gradient(to bottom, #8aff8a 0%, #34d42f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8aff8a', endColorstr='#34d42f', GradientType=0);
  border-color: #34d42f;
  color: #1B7918; }

@media only screen and (min-width: 1140px) {
  /* ===============
      Maximal Width
     =============== */
  nav {
    width: 60%; }

  nav a {
    width: 15%; }

  .wrapper {
    width: auto;
    /* 1140px - 10% for margins */
    margin: 0 20px; } }
/* GUI shared with all pages, including home */
body, html {
  color: #2b322c;
  background: #282828 url("../img/px_by_Gre3g_@2X.png") 0 0 repeat;
  height: 100%;
  -webkit-animation-name: MOVE-BACK;
  -webkit-animation-duration: 30s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: MOVE-BACK;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

@-webkit-keyframes MOVE-BACK {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 297px; } }
@keyframes MOVE-BACK {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 297px; } }
.error-message {
  color: red;
  margin-top: 2px; }

body.guihome { min-width: 305px; }
body.guihome a.avgrund-close {
  left: 15px;
  right: 15px;
  bottom: 67px;
}

/*# sourceMappingURL=gui.css.map */