@mixin shadow {
	box-shadow: 0px 4px 8px black;
}

.shadow {
	@include shadow
}

.float-on-hover {
	transition: (all 0.25s cubic-bezier(0.2,0.1,0.47,1));
	&:hover {
		transform: (translateY(-10px));
	}
}

.small-circle {
	border-radius: 50%;
	width: 250px;
	height: 250px;
}

article {
	background-color: $dark;
	border-radius: 10px;
	height: 420px;
	flex: 1 1 305px;
	overflow: hidden;

	img {
    	height: 50%;
    	width: 100%;
    	object-fit: cover;
	}

	div {
    	margin: auto 16px;
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
	}

}