@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}


::-moz-selection {
  background: rgba(0, 253, 151, .99);
  color: #212121;
}
::selection {
  background: rgba(0, 253, 151, .99);
  color: #212121;
}

a{
  color: #00fd97;
  text-decoration: none;
}

td a img{
  display: none;
}

body {
	font-family:'Inter', 'Helvetica Neue', Arial ;
	font-size: 14px;
	line-height: 1.5;
	background-color: #232323;
	color: #575757;
	margin: 40px 40px 40px 380px;
  transition: background-color 0.5s;
}
p a {
  color: #232323;
}
h1{
  font-family:  'Inter', 'Helvetica Neue', Arial;
  color:  white;
  /* font-weight: 700; */
  font-size: 24px;
  line-height:  1.4;
  padding-bottom: 16px;
}
section.options{
  background-color: #232323;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width:  340px;
  padding: 20px;
  overflow-y: scroll;
}
div.option{
  margin: 10px 0 0 0;
}
div.option-checkbox{
  display:  flex;
  justify-content: space-between;
  align-items: center;
    color: white;
  outline:none;
  padding: 7px 7px;
}
input[type="text"]{
  width:  100%;
  background-color: transparent;
  border: none;
  border-bottom: solid 1px rgba(255,255,255,.1);
  color: white;
  outline:none;
  padding: 7px 7px;
}
input[type="text"]:focus{
  border-bottom: solid 1px mediumspringgreen;
  transition: border-bottom 1s;
}
input[type="text"]::placeholder{
  color: white;
  transition: border-bottom 1s;
}

div.instructions ol{
/*	list-style-type: lower-alpha !important;
*/}
div.instructions {
  position:  relative;
	padding: 24px;
}
div.instructions li{
  color:  white;
}

div.notation{
  padding-top: 36px;
  cursor: default;
}

div.notation p:first-child:before{
  content: "† ";
}
div.notation p:nth-child(even){
    text-indent: .8em;
}

.gdpr{
  position: absolute;
  width: 250px;
  bottom: 48px;
  right: 48px;
  -webkit-user-select: none; /* Webkit */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE 10  */
}

div.number{
  position: absolute;
  display: block;
  width: 350px;
  bottom: 50%;
  right: 96px;
  -webkit-user-select: none; /* Webkit */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE 10  */
  display: none;
}


input[type="checkbox" i] {
  background-color: mediumspringgreen !important;
}

div.desktop{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #232323;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  text-align: center;
}
.desktop h1{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,0);
}

div.thanks{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
/*  z-index: 20;
*/  text-align: center;
}
.thanks h1{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,0);
  color: #232323;
  font-size: 10vmin;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


/* .emailname{
  text-transform: lowercase;
} */

@media only screen and (max-width: 600px) {
    div.desktop {
        display: block;
    }
}