@charset "utf-8";
@font-face {
    font-family: 'Night Shadows';
	src: url('nightshadow.ttf') format('truetype');
	
}
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v35/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9X6VLKzA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v35/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9e6VLKzA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v35/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9b6VLKzA.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v35/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9W6VLKzA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v35/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9Z6VLKzA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v35/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9V6VLKzA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v35/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9U6VLKzA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v35/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9a6VI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
	background-color:#f0f1f1;
	scroll-behavior: smooth;
	
}
.menu{
	
	text-align:center;
	font-size:28px;
	padding: 0px;
	
	
}
.register, .auth{
	position:absolute;
	top:20%;
	left:40%;
	width:200px;
	background-color:slategray;
	border:2px outset darkgrey;
	border-radius:4px;
	text-align:center;
	font-size:14px;
	font-family:georgia;
}
.register{
	height:310px;
}
.auth{
	height:160px;
	font-size:14px;
}
.link{
	font-family: 'Night Shadows';
	letter-spacing: 0px;
	text-decoration:none;
	color:black;
	z-index: 1;
}
.link:hover{
	color:gray;
	/**text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
	text-decoration:none;
}
.title{
	height: 120px;
	text-align: center;
	font-family: 'Night Shadows';/*'Noto Sans', sans-serif;*/
	letter-spacing: 0px;
}
.titleMain{
	height: 120px;
	text-align: center;
	font-family: 'Night Shadows';
	letter-spacing: 0px;
}
.titleSimple{
	height: 120px;
	text-align: center;
	font-family: 'Noto Sans', sans-serif;;
	letter-spacing: 0px;
}

.title h1{
	padding-top: 30px;
}
.header-border{
	border-bottom: 3px solid black;
}
.link-reg{
	display: none;
	color: white;
	position: absolute;
	font-size: 8px;
	top: 0px;
	left: 0px;
}

.link-auth, .link-exit{
	color: white;
	position: absolute;
	font-size: 8px;
	top: 0px;
	right: 0px;
	z-index: 0;
}
.login-on{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0px;
	left: 0px;
	border-radius: 5px;
	border: 1px solid black;
	background-color: rgb(0, 255, 0);
}


ul{
	font-size: 14px;
}
li{
	font-size: 16px;
}
.picture img{
	width: 400px;
	

}
.picture{
	position: relative;
	display: inline-block;
}

.text{
	
}

.picture span{
	margin: 4px 10px 2px 0px;
	font-size:20px;
	font-family: 'Source Sans Pro', sans-serif;
	text-indent: 30px;
}

.picture span p{
	margin-bottom: 20px;
}
.pict{
	position: relative;
	top: 30px;
	
	width: 1200px;
}
.poem-list{
	display: inline-block;
	width: 300px;
	height: 700px;
	
	overflow: auto;
}
.poem-list a:link{
	color: black !important;
}
.poem-list:active{
	color: gray !important;
}
.poem-list a:visited {
	color: gray !important;
}
	

.poems{
	display: inline-block;
	height: 700px;
	width: 700px;
	overflow: auto;
	/* font-size: 24px; */
}
pre{
	font-size: 21px;
}
.linkRus{
	font-family: 'Lucida Sans Unicode';
	letter-spacing: 0px;
	text-decoration:none;
	color:black;
	
}
.mainImage{
	margin-top: 50px;
}
.toTop{
	position: fixed;
	z-index: 10000;
	
	left: 0px;
	bottom: 0px;
	width: 40px;
	height: 100%;
	font-size: 24px;
	background-color: black;
	background: -moz-linear-gradient(top,  rgb(0, 0, 0) 0%, rgba(125,185,232,0) 100%);
	background: -webkit-linear-gradient(top,  rgb(0, 0, 0),rgba(125,185,232,0) 100%);
	background: linear-gradient(to bottom,  rgb(0, 0, 0) 0%,rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 );
	color: white;
	opacity: 0.2;
	cursor: pointer;
	
}
.toTop:hover{
	opacity: 0.5;
}
.toTop-text{
	
	margin-top: 500px;
	transform: rotate(-90deg);	
}
.toTop_hidden{
	display: none;
}
.footerText{
	
	font-size: 17px;
}
.footerBlock{
	position: relative;
	margin-top: auto;
}