
body
{
  /*background: #008080;*/
  background: url("/img/Messier39-L.jpg");
  /*background-size: cover;*/
}
.window
{
  max-width: 800px;
  margin: 2em auto;
  /*height: calc(100vh - 4em);*/
  /*overflow: scroll-y;*/
}

.window-body
{
  margin: 0;
}

.inner-window
{
  display: block;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  padding: 6px 8px;
  margin: 0;
}

.dialog-window
{
  display: block;
  padding: 6px 8px;
  margin: 0;
}

h1 {font-size: 2rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.25rem;}
h4 {font-size: 1rem;}

.content
{
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  /*background: #ffffcc;*/
  background: #ffffff;
}

code
{
  font-family: Fixedsys, "Courier New", monospace;
}

.title-bar-text
{
  margin-right: auto;
  margin-left: 18px;
}

.title-bar img
{
  position: absolute;
  height: 16px;
}

.status-bar-field
{
  margin: 1px 0;
}

.logo
{
    text-align: center;
    font-family: 'Fredoka One', cursive;
    font-size: 6rem;
    font-weight: normal;
    color: #8040ff;
}

.logo img
{
    height: 10rem;
    vertical-align: -3rem;
    margin-right: 1rem;
}

.center
{
    text-align: center;
}

.btnsocial, .btnsocial:not(:disabled):active
{
    width: 34px;
    min-width: 34px;
    height: 34px;
    font-size: 32px;
    padding: 1px;
}

.btn8831, .btn8831:not(:disabled):active
{
    width: 92px;
    height: 35px;
    padding: 1px;
}

.btn8831 img
{
    margin: 1px;
}

.la-mastodon { color: #6364ff; }
.la-twitter { color: #1da1f2; }
.la-patreon { color: #f96854; }

.button-menu button
{
    padding: 3px 0;
}