body
{
  position        : relative;
  display         : flex;
  justify-content : center;
  align-items     : flex-start;
  font-family     : 'Myriad Pro', sans-serif;
  font-size       : 17px;
  background      : #000000;
  color           : #ffffff;
}

video
{
  object-fit : cover;
  position   : fixed;
  width      : 100vw;
  height     : 100vh;
  left       : 0;
  right      : 0;
  top        : 0;
  bottom     : 0;
  z-index    : -1;
}

header
{
  position    : absolute;
  z-index     : 1000;
  top         : 5px;
  left        : 50%;
  width       : 350px;
  margin-left : -175px;
}

header img
{
  width : 100%;
}

header .status
{
  display         : flex;
  justify-content : center;
}

header .status span
{
  text-transform : uppercase;
  cursor         : default;
  font-weight    : 600;
  font-size      : 14px;
}

header .status span.online
{
  color       : #fddd06;
  text-shadow : 0 0 5px #e08f07;
}

header .status span.offline
{
  color       : #cc0850;
  text-shadow : 0 0 5px #610926;
}

.sections
{
  position         : relative;
  width            : 400px;
  margin-top       : 150px;
  padding          : 25px 10px 10px;
  background-color : rgba(0, 0, 0, 0.5);
  border           : 10px solid rgba(0, 0, 0, 0.5);
}

.sections .notice
{
  position   : absolute;
  top        : 0;
  left       : 0;
  z-index    : 100;
  width      : 100%;
  height     : 100%;
  background : #000000;
  color      : #ffffff;
  border     : 1px solid rgba(202, 202, 202, 0.5);
}

.sections .notice .notice-body
{
  display         : flex;
  flex-direction  : column;
  justify-content : space-between;
  height          : 100%;
}

.sections .notice .notice-body .text
{
  display         : flex;
  font-weight     : bold;
  justify-content : center;
  text-align      : center;
  padding         : 150px 30px 20px;
}

.sections .notice .notice-body .button
{
  padding : 30px;
}

.sections section
{
  position : relative;
}

.sections section .content
{
  display         : flex;
  flex-direction  : column;
  justify-content : space-between;
  margin          : 0;
  padding         : 0;
  min-height      : 400px;
}

.sections section .content .container
{
  display        : flex;
  flex-direction : column;
}

.color-red
{
  color : red;
}

.color-green
{
  color : #69ff00;
}

.hidden
{
  display : none;
}

.grecaptcha-logo,
.grecaptcha-badge
{
  display : none !important;
}