* {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-drag: none;
    user-select: none;
}

input, input:before, input:after {
  -webkit-user-select: initial;
  user-select: initial;
}

body {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  min-height: 100vh;
  max-height: 100vh;
  max-width: 100vw;
  flex-direction: column;
  /*outline: 1px dashed red;*/
  background-color: #22262F;
      color: #919293;
  font-family: 'Palatino Linotype', serif;
  font-size: 2.25vh;
}

/* -- tabs setup -- */
main {
  flex: 1 0 100%;
  /*position: relative;*/
  flex-direction: column;

  display: flex;
  /*outline: 1px dotted blue;*/
  align-items: center;
  justify-content: center;
}

main > section {
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 90vw;
  background-color: #22262F;
  /*color: white;*/
  display: none;
  /*outline: 1px dotted green;*/
}

main > section:target {
  display: block;
  /*outline: 1px dotted magenta;*/
}


/* -- generics -- */
.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.regular {
  font-style: normal;
  font-weight: normal;
}

.small {
  font-size: 80%;
}
.smaller {
  font-size: 60%;
}
.even-smaller {
  font-size: 40%
}
.much-smaller {
  font-size: 20%;
}

.large {
  font-size: 120%;
}
.larger {
  font-size: 140%;
}
.even-larger {
  font-size: 160%;
}
.much-larger {
  font-size: 180%;
}

.mega {
  font-size: 200%;
}

.dim {
  color: #909090;
  /*opacity: 0.80;*/ /* can't use opacity if bright is nested within dim. */
}

.center {
  text-align: center;
}
.bright {
  color: white;
  /*opacity: 1;*/
}

input[type='text'],
input[type='password'],
select {
  background-color: #22262F;
  color: rgba(255,255,255,0.5);;
  border: 1px dotted rgba(255,255,255,0.5);;
}

input[type='text']:disabled,
input[type='password']:disabled,
select:disabled {
  background-color: #22262F;
  color: rgba(255,255,255,0.25);;
  border: 1px dotted rgba(255,255,255,0.25);;
}

fieldset {
  margin: 3em;
  border: 1px dotted rgba(255,255,255,0.5);
}

label {
  font-style: italic;
}