html, body {
	  /*height: 100%;
	  width: 100%;*/
	}
	
	.background {
	  position: absolute;
	  top: 0px;
	  right: 0px;
	  bottom: 0px;
	  left: 0px;
	}
	
	.blue-purple {
	  background-color: #1D2B64;
	  background-image: -webkit-linear-gradient(left, #1D2B64, #F8CDDA);
	  background-image: linear-gradient(to right,#1D2B64, #F8CDDA);
	  -webkit-animation: fadeInOut 25s ease;
	  -moz-animation: fadeInOut 25s ease;
	  animation: fadeInOut 25s ease;
	  -webkit-animation-fill-mode: forwards;
	  -moz-animation-fill-mode: forwards;
	  animation-fill-mode: forwards;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	}
	
	.green-blue {
	  background-color: #43cea2;
	  background-image: -webkit-linear-gradient(left, #43cea2, #185a9d);
	  background-image: linear-gradient(to right,#43cea2, #185a9d);
	  -webkit-animation: fadeOutIn 25s ease;
	  -moz-animation: fadeOutIn 25s ease;
	  animation: fadeOutIn 25s ease;
	  -webkit-animation-fill-mode: forwards;
	  -moz-animation-fill-mode: forwards;
	  animation-fill-mode: forwards;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	}
	
	@-webkit-keyframes fadeInOut {
	  0% {
		opacity: 0;
	  }
	  50% {
		opacity: 1;
	  }
	  100% {
		opacity: 0;
	  }
	}
	@-moz-keyframes fadeInOut {
	  0% {
		opacity: 0;
	  }
	  50% {
		opacity: 1;
	  }
	  100% {
		opacity: 0;
	  }
	}
	@keyframes fadeInOut {
	  0% {
		opacity: 0;
	  }
	  50% {
		opacity: 1;
	  }
	  100% {
		opacity: 0;
	  }
	}
	@-webkit-keyframes fadeOutIn {
	  0% {
		opacity: 1;
	  }
	  50% {
		opacity: 0;
	  }
	  100% {
		opacity: 1;
	  }
	}
	@-moz-keyframes fadeOutIn {
	  0% {
		opacity: 1;
	  }
	  50% {
		opacity: 0;
	  }
	  100% {
		opacity: 1;
	  }
	}
	@keyframes fadeOutIn {
	  0% {
		opacity: 1;
	  }
	  50% {
		opacity: 0;
	  }
	  100% {
		opacity: 1;
	  }
	}
	@-webkit-keyframes fadeIn {
	  from {
		opacity: 0;
	  }
	  to {
		opacity: 1;
	  }
	}
	@-moz-keyframes fadeIn {
	  from {
		opacity: 0;
	  }
	  to {
		opacity: 1;
	  }
	}
	@keyframes fadeIn {
	  from {
		opacity: 0;
	  }
	  to {
		opacity: 1;
	  }
	}
	@-webkit-keyframes fadeOut {
	  from {
		opacity: 1;
	  }
	  to {
		opacity: 0;
	  }
	}
	@-moz-keyframes fadeOut {
	  from {
		opacity: 1;
	  }
	  to {
		opacity: 0;
	  }
	}
	@keyframes fadeOut {
	  from {
		opacity: 1;
	  }
	  to {
		opacity: 0;
	  }
	}
	.svg-wrapper {
	  display: block;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  margin-top: -36px;
	  margin-left: -213px;
	}
	
	
	#carpenter-white {
	  fill: #fff;
	  opacity: 0;
	  -webkit-animation: fadeIn 2s ease;
	  -moz-animation: fadeIn 2s ease;
	  animation: fadeIn 2s ease;
	  -webkit-animation-delay: 2s;
	  -moz-animation-delay: 2s;
	  animation-delay: 2s;
	  -webkit-animation-fill-mode: forwards;
	  -moz-animation-fill-mode: forwards;
	  animation-fill-mode: forwards;
	}
	
	#carpenter-logo {
	  stroke: rgba(255, 255, 255, 1);
	  stroke-width: 1.25px;
	  -webkit-animation: fadeOut 1s ease;
	  -moz-animation: fadeOut 1s ease;
	  animation: fadeOut 1s ease;
	  -webkit-animation-delay: 2.75s;
	  -moz-animation-delay: 2.75s;
	  animation-delay: 2.75s;
	  -webkit-animation-fill-mode: forwards;
	  -moz-animation-fill-mode: forwards;
	  animation-fill-mode: forwards;
	}
	
	.typewriter {display: block;
		  position: fixed;
		  top: 50%;
		  left: 50%;
		  margin-top: 36px;
		  margin-left: -183px;
	  }
	  
	
		  
	.typewriter h3 {
		
	  color: #fff;
	  font-family: 'Fira Code', monospace;
	  font-size: 14px;
	  overflow: hidden; 
	  border-right: .15em solid orange; 
	  white-space: nowrap; 
	  margin: 0 auto;
	  letter-spacing: .1em; 
	  animation: 
		typing 3.5s steps(30, end),
		blink-caret .5s step-end infinite;
	}
	
	@keyframes typing {
	  from { width: 0 }
	  to { width: 100% }
	}
	
	@keyframes blink-caret {
	  from, to { border-color: transparent }
	  50% { border-color: orange }
	}
	
	@media only screen and (max-width: 768px) {
		.typewriter {
			top: 50%;
			left: 50%;
			margin-top: 36px; 
			margin-left: -163px; 
		}
	
		.typewriter h3 {
			font-size: 14px; 
			letter-spacing: 0em;
		}
	}