.home-panel {
	@include single-transition(all, 300ms);

	height: calc(100% - 5.5rem);
	top: calc(-100% + 5.5rem);

	img {
		display: block;
		max-height: 90%;
		max-width: 60%;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.about {
		position: absolute;
		left: calc(100% - 3rem);
		top: -2rem;

		background: $word-type-bg;

		padding: 3rem 3rem 1.5rem 1.5rem;

		text-decoration: none;
		font-size: 1.5em;
		font-weight: bold;

		color: white;

		@include border-radius(20em);
	}
}

@import 'states/scrolled';