* { margin: 0;padding:  0 }
html,body { height: 100%; }


::selection {       background: rgba(50,150,255,0.7); color: #ffffff;}
::-moz-selection {  background: rgba(50,150,255,0.7); color: #ffffff;}

body { background-color: rgba(50, 50, 50, 0.5);
    font-size: 16px;
  background-image:url("/images/starfield2.jpg");
  background-position-x:left, center;
  background-position-y:top, center;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  background-attachment:fixed;
  height:100%;
}

h1 {
    font-family:    'Montserrat', Trebuchet, sans-serif;
    font-size:      28px;
    font-weight:    400;
    text-align:     center;
    color:          #0078F0;
    letter-spacing: .7rem;
    word-spacing: 1.1rem;
    margin: 0px 0px 1rem 0px
}


p {
    font-family:    'Dosis', Trebuchet, sans-serif;
    font-size:      14px;
    font-weight:    400;
    text-align:     center;
    letter-spacing: .2em;
}

a, a:link  {
    color:              #aaa;
    text-decoration:    none;
}

a:hover, a:focus, a:active {
    color:              #888;
    text-decoration:    none;
}

#page {                 display:table;  overflow:hidden;    margin:0px auto; }
#content_container {    display:table-cell; vertical-align: middle; }
#content {              position:relative;  top:-50%; }
#page {                 height:100%;    width:90%; }


#container {
    height:         100%;
    width:          100%;
    display:        table;
    vertical-align: middle;
    background-image:url("http://www.galactic.works/images/whirl-25.png");
    background-position-x:left, center;
    background-position-y:top, center;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:200px;
    background-attachment:fixed;
}

#outer {
    display:        table-cell;
    vertical-align: middle;
}

#panel {
    position:       relative;
    left:           50%;
    float:          left;
}

#panel1 {
    padding:        20px 20px;
    position:       relative;
    text-align:     right;
    left:           -50%;
}

._fill-overlay {
  position: fixed;
  bottom: auto;
  min-width: 105%;
  min-height: 105%;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(5, 20, 40, 0.1);
  z-index: -80;
}
._pattern-overlay {
  position: fixed;
  bottom: auto;
  min-width: 100%;
  min-height: 100%;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
	background-image: url('../images/pattern.png');
	z-index: -90;
}