body{
	-moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
    -o-user-select:none;
    user-select:none;
}
.js .loading::before {
	content:'';
	position:fixed;
	z-index:100000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--color-bg)
}
.js .loading::after {
	content:'';
	position:fixed;
	z-index:100000;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	margin:-30px 0 0 -30px;
	pointer-events:none;
	border-radius:50%;
	opacity:.4;
	background:var(--color-link);
	animation:loaderAnim .7s linear infinite alternate forwards
}
@keyframes loaderAnim {
	to {
	opacity:1;
	transform:scale3d(.5,.5,1)
}
}a {
	text-decoration:none;
	color:var(--color-link);
	outline:none
}
a:hover,a:focus {
	color:var(--color-link-hover)
}
a:focus {
	outline:none
}
.message {
	background:#e47073;
	color:#fff;
	padding:1rem
}
.frame {
	padding:3rem 5vw;
	text-align:center
}
.frame__title {
	font-size:1rem;
	margin:0 0 1rem;
	font-weight:400
}
.frame__links {
	display:inline
}
.frame__links a {
	text-transform:lowercase
}
.frame__links a:not(:last-child) {
	margin-right:1rem
}
.github {
	text-transform:lowercase;
	margin-left:1rem
}
.block {
	text-transform:lowercase;
	padding:0 4rem 20vh;
	display:flex;
	flex-direction:column;
	align-items:center
}
.block__title {
	position:relative;
	font-size:1rem;
	margin:0 0 1.5rem;
	padding:.5rem 0;
	cursor:pointer;
	font-weight:700;
	color:var(--color-blocktitle)
}
.block__title:hover {
	color:var(--color-blocktitle-hover)
}
.block__link {
	position:relative;
	cursor:pointer;
	padding:.5rem 0;
	color:var(--color-blocklink)
}
.block__link:hover {
	color:var(--color-blocklink-hover)
}
.block__title span,.block__link span,.content__text-link span {
	display:inline-block;
	white-space:pre
}
.content__text {
	padding:0 5vw 25vh;
	line-height:2;
	color:var(--color-text)
}
.content__text-link {
	position:relative;
	font-size: 14px;
	cursor:pointer
}
.content__text-link:first-of-type {
	color:#eb8e53
}
.content__text-link:nth-of-type(2) {
	color:#002df7
}
.content__text-link:nth-of-type(3) {
	color:#e51679
}
.content__text-link:nth-of-type(4) {
	color:#fff
}
.content__text-link:nth-of-type(5) {
	color:#00f73d
}
.content__text-link:nth-of-type(6) {
	color:#00e8f7
}
.content__text-link:nth-of-type(7) {
	color:#a753eb
}
.content__text-link:nth-of-type(8) {
	color:#ff2626
}
.content__text-link:nth-of-type(9) {
	color:#f7e300
}
.content__text-link:nth-of-type(10) {
	color:#ff00e7
}
.block[data-fx="1"] a::after,a.content__text-link[data-fx="1"]::after {
	content:'';
	z-index:-1;
	width:100%;
	bottom:.25rem;
	left:0;
	position:absolute;
	height:2px;
	background:currentColor;
	transform:scale3d(0,1,1);
	transform-origin:0% 50%;
	transition:transform .2s cubic-bezier(.39,.575,.565,1)
}
a.content__text-link[data-fx="1"]::after {
	bottom:0
}
.block[data-fx="1"] a:hover::after,a.content__text-link[data-fx="1"]:hover::after {
	transform:scale3d(1,1,1)
}
.block[data-fx="5"] a::after,a.content__text-link[data-fx="5"]::after {
	content:'';
	z-index:-1;
	width:100%;
	bottom:.25rem;
	left:0;
	position:absolute;
	height:2px;
	background:currentColor;
	transform:scale3d(0,1,1);
	transform-origin:100% 50%;
	transition:transform .7s cubic-bezier(.86,0,.07,1)
}
a.content__text-link[data-fx="5"]::after {
	bottom:0
}
.block[data-fx="5"] a:hover::after,a.content__text-link[data-fx="5"]:hover::after {
	transform:scale3d(1,1,1)
}
.block[data-fx="10"] a::after,a.content__text-link[data-fx="10"]::after {
	content:'';
	z-index:-1;
	width:100%;
	bottom:.25rem;
	left:0;
	position:absolute;
	height:2px;
	background:currentColor;
	transform:scale3d(0,1,1);
	transform-origin:0% 50%
}
a.content__text-link[data-fx="10"]::after {
	bottom:0
}
.block[data-fx="10"] a:hover::after,a.content__text-link[data-fx="10"]:hover::after {
	animation:loop .5s infinite
}
@keyframes loop {
	0% {
	transform-origin:0% 50%;
	transform:scale3d(0,1,1)
}
50% {
	transform-origin:0% 50%;
	transform:scale3d(1,1,1)
}
51% {
	transform-origin:100% 50%
}
100% {
	transform-origin:100% 50%;
	transform:scale3d(0,1,1)
}
}
.hover-reveal {
	position:fixed;
	width:200px;
	height:200px;
	top:0;
	left:0;
	pointer-events:none;
	opacity:0
}
.hover-reveal__inner,.hover-reveal__img {
	width:100%;
	height:100%;
	position:relative
}
.hover-reveal__deco {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#181314
}
.hover-reveal__img {
	background-size:cover;
	background-position:50% 50%
}
@media screen and (min-width:53em) {
	.message {
	display:none
}
.frame {
	position:fixed;
	text-align:left;
	z-index:10000;
	top:0;
	left:0;
	display:grid;
	align-content:space-between;
	width:100%;
	max-width:none;
	height:100vh;
	padding:1.5rem 2rem;
	pointer-events:none;
	grid-template-columns:50% 50%;
	grid-template-rows:auto auto auto;
	grid-template-areas:'title links' '... ...' '... github'
}
.frame__title {
	grid-area:title;
	padding:0
}
.frame__links {
	grid-area:links;
	padding:0;
	justify-self:end
}
.github {
	grid-area:github;
	justify-self:end;
	margin:0
}
.frame a {
	pointer-events:auto
}
.block {
	align-items:flex-start
}
.content {
	position:relative;
	display:grid;
	grid-template-columns:repeat(3,33.33%);
	margin:0 auto;
	padding-top:20vh;
	max-width:700px;
	min-height:100vh;
	text-align:left
}
.content__text {
	grid-column:span 3
}
}
.left{float: left;}
/*.breadcrumb > li:nth-last-child(1) {
    float: right;
}
.breadcrumb > li:nth-last-child(1) a {
    color: red;
}
.breadcrumb > li:nth-last-child(1):before {
    content: '';
    background: url(/static/frm/images/qq.png) center no-repeat;
    padding: 10px 15px;
}*/