html, body {
    background-color: black;
    min-height: 100%;
    margin: 0px;
}

body {
  	display:flex;
  	align-items:center;
  	justify-content:center;
    height: 100vh;
    margin: 0;
    flex-direction: column;
    flex-wrap: nowrap;
}

body.modal-open {
    // block scroll for mobile;
    // causes underlying page to jump to top;
    // prevents scrolling on all screens
    overflow: hidden;
    position: fixed;
	width: 100%;
}

h1 {
    color: #ccc;
}

input {
  font-family: monospace;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
  background-color: pink;
}

.gatecontent {
    height: 100%;
    padding: 0px 30px 30px 30px;
    margin:  auto;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  	position: relative;
}

.box {
	margin-left:auto;
  	margin-right:auto;
  	background:#111;
  	padding:.5rem 2rem 1.5rem 2rem;
  	border-radius:8px;
  	text-align:center;
  	box-shadow:0 2px 8px rgba(0,0,0,.1);
  	max-width:60%;
}
 

.content {
    height: 100%;
  	max-width:40%;
    padding: 30px;
    background-color: black; 
    margin:  auto;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    flex-direction: column;
}

.clear {
  	width: 100%;
}

.clear, .button, #mc-embedded-subscribe {
    background:transparent;
    width: 100%;
}

.content, .content a, .gatecontent, .gatecontent a {
  	color: #ccc;
}

.content__gdpr, .content__gdprLegal {
    margin: 0px 5px;
    font-size: 9px;
    line-height: 12px;
    font-family: monospace;
    width: 100%;
    display: flex;
    text-align: justify;
    flex-direction: column;
}

fieldset {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-around;
    align-items: stretch;
}

fieldset.mc_fieldset.gdprRequired.mc-field-group {
    border: 0px;
    color: #e85c41;
    margin-top: -1rem;
}

input[type="checkbox" i] {
    position: relative;
    left: -60%;
    top: 50%;
}

.error {
  	color:#c00;margin-bottom:1rem;
}

#pw_label {
    display: inline;
    margin: 5px auto 5px auto;
    width: -webkit-fill-available;
    height: 2rem;
    font-size: 1rem;
	border:none;
	border-radius:4px;
    outline: none;
}

#pw_entry {
    display: inline;
    margin: 5px auto 5px auto;
    width: -webkit-fill-available;
    height: 2rem;
    font-size: 1rem;
	border:none;
	border-radius:4px;
    outline: none;
}

input[type=password] {
  	background-color:#222;
    text-align: center;
    transition: all 0.23s ease-in-out 0s;
  	color: #ccc;
}
input[type=password]:hover, input[type=password]:active {
	background-color:#333;
}

input[type=password]:focus-visible {
    background-color: #333;
}

button {
	color:#fff;
	transition: all 0.23s ease-in-out 0s;
	background:#222;
	cursor:pointer;
}

button:hover {
	background:#333;
}

.vnmr {
	font-size:24px;
	line-height: 18px;
	font-weight: bold;
    }

.indicates-required {
	text-align: right;
	display: block;
}

.procession {
  	margin: auto;
    text-align: center;
    font-size: 18pt;
    color: #ccc;
}
  

#mc_embed_signup, #mc-embedded-subscribe {
  	background:transparent;
  	clear:left;
  	color: #ccc;
  	font:14px Helvetica,Arial,sans-serif;
  	max-width: 100%;
  	margin: auto;
}

#mc_embed_signup_scroll, #mc-embedded-subscribe, .mc-field-group, .mc-field-group, .indicates-required, .formLabel, .button {
  	color: #ccc;
}