.card
	display: block
	height: auto
	margin-bottom: 15px
	padding: 15px 10px
	background: white

	&.hover-box
		+transition(box-shadow, 200ms)

		&:hover
			box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2)
	
	.underline
		text-decoration: underline
		
	input[type=text]
		background: none
		border: none
		outline: none
		
	.input-group
		position: relative
		display: block
		width: 100%
		margin: 20px auto 10px
		
		input
			display: inline-block
			width: 100%
			padding: 10px 0
			border-bottom: solid 2px $main-color
			color: rgb(25, 25, 25)
			font-size: 16px
			
			&:focus, &:active
				outline: none
				
		label
			+position(absolute, 50% null null 0)
			+transform(translateY(-50%))
			font-style: italic
			font-size: 16px
			color: #999
			pointer-events: none
			+transition(all, 200ms ease-out 0s)
			
		input:focus + label,
		input.has-value + label
			top: -5px
			font-size: 12px
			color: $main-color
