/* Contact form */

#contact { 
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  cursor: pointer;
}

#contactForm {
  display: none;
  border: 6px solid var(--border-color);
  border-radius: 6px;
  padding: 2em;
  width: 400px;
  text-align: center;
  background: var(--background-color);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%)
}

input, textarea { 
  margin: .8em auto;
  font-family: inherit; 
  text-transform: inherit; 
  font-size: inherit;
  
  display: block; 
  width: 280px; 
  padding: .4em;
  
  background: var(--button-color);
  color: var(--color);
}
textarea { height: 80px; resize: none; }

.success {
	color: var(--success-color);
}

.error {
	color: var(--error-color);
}

.formBtn { 
  width: 240px;
  display: inline-block;
  
  background: var(--button-color);
  color: var(--color);
  font-weight: 100;
  font-size: 1.2em;
  border: none;
  height: 50px;
}