body {
	position: relative;
	width: 100%;
	min-width: 320px;
	font-family: 'Jost', Arial, sans-serif;
	font-size: 1rem;
	margin: 0;
	line-height: 1.4;
	color: #18181b;
	background: url( ../images/noise.jpg );
}

.hidden {
	display: none !important
}

.transition {
	transition: all .25s ease-in-out
}

small, .small {
	font-size: .75rem
}

big, .big, .large {
	font-size: 1.25rem
}

.bold {
	font-weight: bold
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Jost', Arial, sans-serif;
	font-weight: bold;
	margin-bottom: .75rem;
	line-height: 1.2;
	hyphens: none;
}

h1, .h1 { font-size: 1.75rem }
h2, .h2 { font-size: 1.5rem }
h3, .h3 { font-size: 1.25rem }
h4, .h4, h5, .h5, h6, .h6 { font-size: 1rem }

@media (min-width: 576px) {
	h1, .h1 { font-size: 2rem }
	h2, .h2 { font-size: 1.75rem }
	h3, .h3 { font-size: 1.5rem }
	h4, .h4 { font-size: 1.25rem }
}
@media (min-width: 992px) {
	h1, .h1 { font-size: 2.25rem }
	h2, .h2 { font-size: 2rem }
	h3, .h3 { font-size: 1.75rem }
	h4, .h4 { font-size: 1.5rem }
	h5, .h5 { font-size: 1.25rem }
}


ul, ol, dl, fieldset, hr, address, fieldset, figure {
	margin-bottom: .75rem;
}

ul {
	list-style: disc;
}

p {
	margin-top: 0;
	margin-bottom: .75rem;
}

hr {
	margin-top: .75rem;
	border: 0;
	border-top: 1px solid rgba( 0, 0, 0, .1 );
}

fieldset {
	padding: .75rem 1.5rem;
	border: 2px solid #ccc;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

svg {
	transition: all .25s ease-in-out;
}

code, kbd, pre, samp {
	font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

code {
	padding: .2rem .4rem;
	font-size: .875rem;
	background-color: #f1f1f1;
	border-radius: .2rem;
	word-break: break-word;
}

a > code {
	color: inherit
}

pre {
	display: block;
	font-size: .75rem;
}

pre code {
	padding: 0;
	font-size: inherit;
	background-color: transparent;
	border-radius: .25rem;
	word-break: normal;
}

kbd {
	padding: .2rem .4rem;
	font-size: .875rem;
	background-color: #f1f1f1;
	border: 2px solid #ccc
	border-radius: .2rem;
}

kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

caption {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #6c757d;
	text-align: right;
	caption-side: bottom;
}

caption.caption-title {
	padding-top: 0;
	padding-bottom: .5rem;
	caption-side: top;
	text-align: left;
	font-size: 1.75rem;
	color: #18181b;
	font-family: 'Jost', Arial, sans-serif;
	font-weight: bold;
}

blockquote {
	position: relative
	display: block
	margin-left: 2.5rem
	margin-bottom: 1rem
	padding: 1.5rem
	background-color: #eee
	border-left: 2px solid #0ea5e9
}

blockquote cite {
	display: block
	text-align: right
	font-style: italic
	color: #ccc
}

blockquote cite::before {
	content: "\2014\00a0";
}

blockquote cite  > *:last-child {
	margin: 0;
}

@media (min-width: 576px) {
	blockquote {
		margin-left: 3.5rem
	}
}

table {
	margin-bottom: 1rem;
	width: 100%;
	max-width: 100%;
	background-color: transparent;
	font-size: .75rem;
}

table td, table th {
	padding: .375rem .75rem;
	vertical-align: middle;
	border-top: 1px solid #eee;
}

table thead th {
	background: #eee;
	color: #18181b;
	font-weight: bold;
	border-bottom: 2px solid #eee;
	hyphens: none;
}

table tbody {
	border-top: 2px solid #eee;
}

@media (min-width: 576px) {
	table {
		font-size: .825rem;
	}
	table td, table th {
		padding: .5rem 1rem;
	}
}

.list-block, .list-styled {
	padding-left: 1rem;
}

.list-unstyled, .list-styled, .list-inline, .list-block {
	padding-left: 0;
	list-style: none;
}

.list-styled > * {
	position: relative;
	padding-left: .875rem;
}

.list-styled > *::before {
	content: '';
	position: absolute;
	top: .5rem;
	left: 0;
	height: .375rem;
	width: .375rem;
	background: #18181b;
	border-radius: 50%;
}

.block_black .list-styled > *::before {
	background: #fff;
}

.list-inline > * {
	display: inline-block;
	margin-bottom: .375rem;
}

.list-inline > *:not(:last-child) {
	margin-right: .75rem
}
				
.list-block > * {
	display: block
}

.list-block > *:not(:last-child) {
	margin-bottom: .375rem
}

.list-tags > * {
	font-size: .75rem;
	padding: .125rem .75rem;
	border: 2px solid #18181b;
	border-radius: 4px;
}

.block_black .list-tags > * {
	border: 2px solid #fff;
}

.initialism {
	font-size: 90%;
	text-transform: uppercase;
}

a, button, select {
	cursor: pointer;
}

a, button, input, select, textarea {
	transition: all .25s ease-in-out;
}

a {
	background-color: transparent;
	color: inherit;
}

a {
	text-decoration: none;
	color: #f97316;
}

a:hover, a:focus, a:active {
	color: #ea580c;
}

.link {
	color: #64748b;
}

.link:hover, .link:focus, .link:active {
	color: #475569;
}

.link-color-unborder {
	border-bottom: 2px solid #f97316;
}

.link-color-unborder:hover, .link-color-unborder:focus, .link-color-unborder:active {
	border-bottom: 2px solid transparent;
}

.link-white {
	color: #fff;
	border-bottom: 2px solid transparent;
}

.link-white:hover, .link-white:focus, .link-white:active {
	color: #fff;
	border-bottom: 2px solid #fff;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}

main, aside {
	margin-bottom: 1rem;
}

.block {
	padding: 1.5rem;
}

aside .block {
	height: 100%;
}

.block_black {
	background: #18181b;
	color: #fff;
}

.cv-section {
	margin-bottom: 1.75rem;
}

.cv-section > * {
	margin-top: 0;
	margin-bottom: 0;
}

.cv-section > *:not(:last-child) {
	margin-bottom: .375rem;
}

.cv-section_image {
	position: relative;
}

.cv-section_image::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 25%;
	width: 100%;
	background: rgb(17,17,17);
	background: linear-gradient(0deg, rgba(17,17,17,1) 0%, rgba(17,17,17,0) 100%);
}

.cv-image {
	max-height: 90vh;
}

.cv-title {
	position: relative;
	margin-top: 0;
	margin-bottom: .75rem !important;
	padding-bottom: .25rem;
	text-transform: uppercase;
}

.cv-title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background: #18181b;
}


@media( min-width: 992px ) {
	.cv-about {
		padding-top: 7.625rem;
	}
}

.cv-logo__title {
	text-transform: uppercase;
}

.block_black .cv-title::before {
	background: #fff;
}

.project {
	margin-bottom: 1.5rem;
}

.project-title {
	margin-top: 0;
}

.project-subtitle {
	margin-top: 0;
}

@media( min-width: 768px ) {
	.project-subtitle {
		text-align: right;
	}
}



.project-header, .project-content, .project-footer {
	margin-bottom: .375rem;
}

.project-content > p:last-child {
	margin-bottom: 0;
}

.project-header > *:not(:last-child), .project-footer > *:not(:last-child) {
	margin-bottom: .375rem;
}

.project-date {
	color: #64748b;
	font-size: .75rem;
	font-weight: normal;
}


footer {
	margin-top: 2rem;
}

footer.block {
	padding-top: calc( 1.5rem + .75rem );
	padding-left: calc( 1.5rem + .375rem );
}

footer .list-inline {
	margin: 0;
}