<template>
	<div id="normal-container">
		<IntegratedLayout>
			<div class="content">
				<div class="bread-menu">
					<span>Learn</span>
					<i class="el-icon-arrow-right"></i>
					<span class="crumbs gradient-color">{{$route.name}}</span>
				</div>
				<nuxt-child />
			</div>
		</IntegratedLayout>
	</div>
</template>

<script>
export default {
	data() {
		return {
		}
	},
	methods: {}
}
</script>

<style scoped lang="scss">
.content {
	padding-bottom: 100px;
	.bread-menu {
		font-size: $mid-font-size;
		margin: 24px 0 16px;
		font-family: 'Poppins-Medium';

		.crumbs {
			font-family: 'Poppins-SemiBold';
			font-weight: 600;
		}
	}

	.title {
		font-weight: bold;
		font-size: $huge-font-size1;
		font-family: 'Poppins-Bold';
	}

	.description {
		font-size: $big-font-size;
		color: $grey-color;
		font-family: 'Poppins-Medium';
	}
}
</style>
