* {
      line-height: 1.2;
      margin: 0;
      font-family: "Segoe UI";
      text-align: center;
    }
	
	html {
      color: #ffffff;
	  background-color: #121212;
      display: table;
      font-family: sans-serif;
      height: 100%;
      text-align: center;
      width: 100%;
	  transition-duration: 0.4s;
    }
	
    body {
      display: table-cell;
      vertical-align: middle;
      margin: 3em auto;
    }
	
	.button {
	  border: none;
	  padding: 16px 32px;
	  text-align: center;
	  display: inline-block;
	  font-size: 1.4em;
	  margin: 1px 1px;
	  transition-duration: 0.4s;
	  cursor: pointer;
	  outline: none;
	  min-width: 12vw;
	  border-radius: 20px;
	}
	
	input[type=text] {
	  border: none;
	  padding: 16px 32px;
	  text-align: center;
	  display: inline-block;
	  font-size: 1.4em;
	  margin: 1px 1px;
	  transition-duration: 0.4s;
	  border-radius: 20px;
	  outline: none;
	  min-width: 30vw;
	  max-width: 70vw;
	  max-height: 6vh;
	}

	.button9CEC5B {
	  background-color: transparent; 
	  color: #9CEC5B; 
	  border: 2px solid #9CEC5B;
	}

	.button9CEC5B:hover {
	  background-color: #9CEC5B;
	  color: white;
	}
	
	#perla-logo {
		width: 25vw;
		position: fixed;
		top: 8vh;
		left: 50%;
		right: 50%;
		transform: translate(-50%, -50%);
	}