html {
  box-sizing: border-box;
  font-size: 16px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

/* styling */

input.full-input, textarea.full-input, button {
  width: 100%;
  display: block;
  padding: 6px;
  font-size: 1.2em;
  background-color: black;
  color: rgb(137, 18, 255);
  margin: 8px;
  border: none;
}

h1, h2, h3 {
  padding-bottom: 1em;
}

		a {
			color:rgb(56, 149, 203);
      text-decoration: none;
		}
		form, input, body {
			font-family: "Source Serif 4", serif;
      font-optical-sizing: auto;
		}
		body {
			padding: 0;
			margin: 0;
			font-size: 1.3em;
      line-height: 1.8;
			background-color: rgb(33, 33, 33);
			color: rgb(222,222,222);
		}

    ul {
      list-style:disc;
      margin-left: 1em;
    }
/* 
		label {
			padding-bottom: 4px;;
		}
*/
		.full {
			width: 100vw;
			height: 100vh;
			display: flex;
			align-items: center;
		} 
/* 
		.form-split {
			display: flex;
			flex-direction: row;
		}

		.form-split>* {
			flex: 1;
			width: 18em;
			padding: 8px;
		}

		.form-row {
			display: flex;
			flex-direction: column;
		}

		.form-row>input,.form-row>textarea, {
			flex: 1;
			padding-top: 10px;
		} */


      .center {
        display: inline-block;
        padding-left: 10%;
        padding-right: 10%;
      } 

		.jim {
			position: absolute;
			width: 256px;
			visibility: hidden;
			z-index: -10;
		}
		/* input[type=submit] {
			background-color: blueviolet;
			border-radius: 8px;
			font-size: larger;
			padding: 2em;
			color:rgb(222,222,222);
			font-weight: bold;
		}
		input[type=submit]:hover {
			background-color: rgb(97, 7, 181);
			color:rgb(255, 255, 255);
			text-decoration: underline;;
		} */