html {
  box-sizing: border-box;
  font-size: 100%;
  line-height: 1.25em;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;

}

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}
body {
  background: #f5f5f5;
  background: #100806;
  color: #444;
  color: #f0f0f0;
  /*font: normal 1em sans-serif;*/
  height: 100%;
  display: flex;
  flex-direction: column;
}

body {
    /*font-family: Lato, "Helvetica Neue", Roboto, Arial, Helvetica, sans-serif;*/
    font-family: Nunito, "Helvetica Neue", Roboto, Arial, Helvetica, sans-serif;
}

h1, h2, h3, p, hr, .entry {
  margin: 1.5rem;
}

h1 {    font-size: 2em;	}   
h2 {    font-size: 1.5em; }
h3 {	font-size: 1.25em; }

b,strong {
    font-weight: 700;
}


.head {
  font-size: 1.25em;
}
#content,
.container {
  margin: 72px auto;
  padding: 16px;
  xmax-width: 560px;
  width: 560px;
  max-width: 100%;
  background: #393432;
  box-shadow: 1px 1px 2px 4px #eee;
}
.entry {
  display: table;
}
.entry input,
.entry button {
  display: table-cell;
  outline: none;
  padding: 8px;
  height: 42px;
  line-height: 24px;
  font-size: 1.25em;
  border-radius: 0;
  vertical-align: middle;
}
.entry input {
  width: 10em;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: #ccc;
}
.entry button {
  border: 1px solid #23a1d9;
  background: #36abdf;
  color: #fff;
}
hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

aside p, aside .entry button, aside .entry input {
  font-size: 0.9em;
}


.tagline {
    text-align: center;
    font-size: 0.9em;
    opacity: .68;
}


.entry {
    display: flex;   
    flex-wrap: wrap;
}



.entry input {
    flex-grow: 1;
    width: auto;
    border-width: 1px;
}

.entry button {
    cursor: pointer;
    min-height: 1em;
    outline: none;
    border: none;
    xvertical-align: baseline;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
    transition: opacity .15s;
}
.entry button:hover {
    xbackground: #36abdf;
    background-color: #0194c7;
}

#logo-wrapper {
    height: auto;
    xwidth: 140px;
    width: 110px;
    line-height: 1;
    position: relative;
    z-index: 1000;
    text-align: center;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    margin-top: 72px;;
}

.logo {
    display: inline-block;
    position: relative;
    padding: 0;
    width: 110px;
    height: 110px;
    //background: url(../images/ico3.png) no-repeat;
    background: url(https://moongathering.lt/images/favicon2.fc31684c.svg) no-repeat;
    background-size: auto;
    background-size: contain;
    opacity: .37;
    transition: all .15s;
}

.logo:hover, .logo:active {
    opacity: .87;
}

.logo img {
    display: none;
}


.content a {
    cursor: pointer;
}

a {
    xcolor: #4183c4;
    color: #7ad859;
    color: #61be41;
    text-decoration: none;
}

a:hover {
    color: #1e70bf;
    color: #4dac2e;
    text-decoration: none;
}


.button {
    font-size: 0.8rem;
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    xbackground: #e0e1e2 none;
    xcolor: rgba(0,0,0,.6);
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em .78571429em;
    text-transform: none;
    text-shadow: none;
    xfont-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    x-webkit-box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
    xbox-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    xtransition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    xtransition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    xwill-change: '';
    -webkit-tap-highlight-color: transparent;

    xbox-shadow: 0 0 0 1px #2185d0 inset;
    xbox-shadow: 0 0 0 1px #7ad859 inset;
    box-shadow: 0 0 0 1px #61be41 inset;
    xcolor: #2185d0;
    color: #7ad859;
    color: #61be41;
    background: transparent none;
    xcolor: rgba(0,0,0,.6) !important;
    font-weight: 400;
}

a.button:hover,
.button:hover {
    xbackground-color: #2185d0;
    background-color: #7ad859;
    background-color: #61be41;
    color: white;
}



.content h3 i, 
.content h2 i {
    margin-right: .25rem;
}

.tc {
    text-align: center;
}

small, .dull {
    opacity: .68;
}

.desc {
    color: #adadad;
    font-size: 0.80rem;
}

footer {
    font-size: .65rem;
    text-align: center;
    flex-shrink: 0;
    padding: 20px;
}

footer a {
    color: #bbb;
}

#container {
    flex: 1 0 auto;
}