@charset "UTF-8";
@font-face {
	font-family: "pantasia";
	src: url("../pantasia.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
    font-family: 'Decima Mono';
    src: url('fnt/DecimaMonoCyrLt-Italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Decima Mono';
    src: url('fnt/DecimaMonoCyr-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Decima Mono';
    src: url('fnt/DecimaMonoCyr-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Decima Mono';
    src: url('fnt/DecimaMonoCyr.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Decima Mono';
    src: url('fnt/DecimaMonoCyrLt.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;

}
@media screen and (min-width: 600px) {
	main{
		margin: 0 1.5em 1.5em 1.5em;
		max-width: 33em;
		line-height: 1.4;
		font-size: 14px;
	}
}
@media screen and (max-width: 600px) {
	main{
		padding: 0 !important;
		margin: 1rem auto 7rem;
		width: 90%;
		font-size: 14.5px !important;
		line-height: 1.4;
		color: tomato !important;
	}
}
html{
	background-color: black;
	color: #60cbe3;
	margin: 2em;
	height: 100%;
	font-family: 'Decima Mono', Times, serif;
}
body{
	
	padding-left: 5px;
	border-left-width: 1.2px;
	border-left-color: #7700ff;
	border-left-style: dashed;
	}
main{

}
a{
	color: inherit;
}
p{
	margin: 0 0 1em 0;
}
h3{
}
h4{
	font-weight: normal;
	margin: 1em 0;
	font-family: inherit;
}
.mono{
	font-size: 14px;
	font-family:"pantasia", monospace;
}
li{
	display:list-item;
	margin: 0;
}
li a{
	text-decoration: none;
}
figure{
	margin: 0;
}
figure img{
	max-width: 30em;
}
figcaption{
	font-size: 0.9em;
}
table{
	font-size: inherit;
}