@import url('https://fonts.googleapis.com/css?family=Nova+Mono');

body{
  background: #FECEA8;
  display: flex;
  flex-direction: column;
/*   justify-content:center; */
  align-items:center;
  color: #2A363B;
  font-family: 'Nova Mono', monospace;
  padding: 20px 0 0 0;
}

h1, h2{
  margin:0.3em;
  text-align: center;
}

.in, .out{
  width: 60%;
  min-width: 500px;
  border-radius: 50px;
  margin: 20px 0 10px 0;
  padding: 50px;
  color: #2A363B;
  font-family: 'Nova Mono', monospace;
  font-size: inherit;
}

.in{
  background: #FF847C;
  resize:vertical;
}

.out{
  background: #99B898;
  resize:vertical;
}

/* ~~~~~ RESPONSIVE RULE FOR TINY VIEWPORTS */

@media screen and (max-width: 600px) {
	.in, .out{
		min-width: initial;
		width: calc(100% - 100px);
	  padding:50px;
	}
}


#article {
  padding: 5% 10% 0;
  font-family: Arial, Helvetica, sans-serif;
}