main.css

@media (min-width: 1200px) {
  .container {
    width: 650px;
  }
}

.container {
	border: 1px solid black;
	margin-top:50px;
}

.headerBar{
	border-bottom: 1px solid black;
}

.happyFace {
	border: 1px solid black;
}

.happyFaceImage {
	height: 80px;
	margin: 3px auto;
	display: block;
}

.logoImage {
	height: 45px;
	display: block;
	margin: 5px auto;
}

.logoTitle {
	text-align: center;
	margin: -5px;
}

.madlibsInputs{
	position: relative;
}

.madlibsInputs h2 {
	margin-top: 50px;
	margin-left: 50px;
	position: relative;
}

.madlibsInput {
	display: block;
	margin: 5px auto;
	position: relative;
}

.genderLabel {
	margin-left: 30px;
}

.gender {
	float: left;
	margin-left: 10px;
}

.mlSubmit {
	margin-top: 5px;
	border-top: 1px solid rgba(0, 0, 0, 0.32);
}

.errorMessage {
	color: red;
}

.mlSubmitButton {
	float: right;
	margin: 15px;
}

.madlibsOutput {
	padding: 20px 60px;
}

.resetButton {
	float: right;
}

.madlibsOutput {
	padding: 20px 60px;
	position: relative;
}

.animateBody.ng-hide-remove,
.animateBody.ng-hide-add{
  display:block!important
}

.animateBody.ng-hide-remove {
  -webkit-animation:0.5s show;
  animation:0.5s show;
}

.animateBody.ng-hide-add {
  -webkit-animation:0.5s show reverse;
  animation:0.5s show reverse;
}

@keyframes show {
  from { opacity:0;left:30px; }
  to { opacity:1;left:0; }
}

@-webkit-keyframes show {
  from { opacity:0;left:30px; }
  to { opacity:1;left:0; }
}

.madlibsWrapper.ng-enter-stagger{
	-webkit-animation-delay:0.1s;
	animation-delay:0.1s;
	-webkit-animation-duration:0;
	-animation-duration:0;
}

.madlibsWrapper.ng-enter{
	opacity: 0;
	left:10px;
	-webkit-animation:0.5s enterRight;
	animation:0.5s enterRight;
}

@keyframes enterRight {
  from { opacity:0;left:10px; }
  to { opacity:1;left:0; }
}

@-webkit-keyframes enterRight {
  from { opacity:0;left:10px; }
  to { opacity:1;left:0; }
 }