*{
 margin: 0;
 padding: 0;
}
@font-face{
 font-family: 'LumiosTypewriter';
 src:url('https://zato-fan-site.my1.ru/source/LumiosTypewriter-New.ttf');
}
@font-face{
 
 font-family: 'Stengazeta-Regular_5';
 src:url('https://zato-fan-site.my1.ru/source/Stengazeta-Regular_5.ttf');
}
body
{
 margin: auto;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 background-attachment: fixed;
 
}
.home_back
{
 background-image: url('https://zato-fan-site.my1.ru/source/FON1.png');
}
.asya_back
{
 background-image: url('https://zato-fan-site.my1.ru/source/FON.png');
}
.ira_back
{
 background-image: url('https://zato-fan-site.my1.ru/source/FON2.png');
}
.vadim_back
{
 background-image: url('https://zato-fan-site.my1.ru/source/FON3.png');
}
.marina_back
{
 background-image: url('https://zato-fan-site.my1.ru/source/FON4.png');
}
.snow {
 position: absolute;
 z-index: -1;
 pointer-events: none;
 width: 100%;
 height: 3000px;
 background-attachment: fixed;
 background-image: url('https://zato-fan-site.my1.ru/source/snow2.png');
 animation: snow 50s linear infinite;
}
@keyframes snow {
 0% {
 background-position: 0px 0px;
 }
 100% {
 background-position: 1952px 1952px;
 }
}
.site
{
 width: 1300px;
 height: 3000px;
 background:#000000;
 border-width: 10px;
 border-color: white;
 margin:0 auto;
 padding:0 auto;
}
.header /*верхний блок*/
{
 width: 1300px;
 height: 400px;
 background:#000000;
}
.logo
{
 width: 1290px;
 height: 300px;
 text-align:center;
 background:black;
 border: 5px solid #FFFFFF;
}
.name
{
 width: 950px;
 height: 300px;
 float: left;
 align-content: center;
 text-align:center;
}
.logopic
{
 width: 320px;
 height: 300px;
 float: right;
 text-align:center;
 align-content: center;
}
.logopic img
{
 width: 270px;
 height: 270px;
 border: 5px solid #FFFFFF;
}
.name img
{
 width: 750px;
 height: 270px;
}
.nav /*навигация*/
{
 width: 1290px;
 height: 90px;
 align-content: center;
 font-size:25px;
 background-color:black;
 font-family: 'LumiosTypewriter';
 position:relative;
 z-index:100;
 border-left:5px solid #FFFFFF;
 border-right:5px solid #FFFFFF;
 border-bottom:5px solid #FFFFFF;
}
.nav ul
{
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;
}
.nav ul li
{
 width:200px;
 display: inline-block;
 position: relative;
}
.nav ul li a
{
 height:55px;
 color: white;
 text-decoration:none;
 align-content: center;
 padding: 0px;
 display:block;
 transition: background-color 0.3s ease;
}
.nav ul li a:hover{
 background-color: gray;
 margin: 0;
 padding: 0;
}
.submenu /*выпадающие списки*/
{
 display:none;
 position:absolute;
 background-color: black;
 width: 200px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 1;
 text-align:center;
 overflow:hidden;
 margin: 0;
 padding: 0;
}
.submenu li
{
 display: block;
 margin: 0;
 padding: 0;
 text-align: center;
}
.submenu li a
{
 height:55px;
 width: 200px;
 color: white;
 padding: 12px 0px;
 text-decoration: none;
 display: block;
 text-align: center;
 align-content: center;
}
nav ul li:hover > .submenu{
 display:block;
}
.main /*основной блок*/
{
 width: 1290px;
 height: 2530px;
 border: 5px solid #FFFFFF;
}
.asya_Background
{
 width: 1290px;
 height: 2530px;
 background-color:#d66a4e;
}
.ira_Background
{
 width: 1290px;
 height: 2530px;
 background-image: url('https://zato-fan-site.my1.ru/source/ira-main.png');
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
.vadim_Background
{
 width: 1290px;
 height: 2530px;
 background-color:#81acd2;
}
.marina_Background
{
 width: 1290px;
 height: 2530px;
 background-color:#c7aa5e;
}
.other_Background
{
 width: 1290px;
 height: 2530px;
 background-color:#ab343a;
}
.main h2
{
 font-family:'LumiosTypewriter' ;
 font-size: 30px;
 text-align:center;
 color: white;
 align-content: center;
}
.main p
{
 font-family:'LumiosTypewriter' ;
 font-size: 24px;
 font-weight: normal;
 font-style: normal;
 color: white;
 margin: 0;
 padding: 0;
}
.main a
{
 font-family:'LumiosTypewriter' ;
 font-size: 30px;
 font-weight: normal;
 font-style: normal;
 color: white;
}
.intro
{
 width: 1290px;
 height: 300px;
}
.intro p
{
 text-align: justify;
 text-indent: 80px;
 margin: 0px 100px;
}
.intro h1
{
 margin: 20px 0;
 font-family:'Stengazeta-Regular_5' ;
 font-size: 60px;
 text-align:center;
 color: white;
 align-content: center;
 color: #ab343a;
}
.characters
{
 width: 1290px;
 height: 1600px;
}
.characters h2
{
 margin: 0px 0px 20px 0px;
 font-size: 35px;
}
.characters h3
{
 font-family:'Stengazeta-Regular_5' ;
 font-size: 60px;
 margin: 20px 0;
 text-align:center;
 color: #ab343a;
}
.characters p
{
 font-family:'LumiosTypewriter' ;
 font-size: 24px;
 font-style: normal;
 color: white;
}
.asya
{
 width: 1200px;
 height: 330px;
 margin: 0px 40px;
 border: 5px dashed #d66a4e;
}
.asya_pic 
{
 width: 350px;
 height: 330px;
 float: left;
 text-align:center;
 align-content: center;
}
.asya_pic:hover
{
 transform: scale(1.05);
}
.asya_pic img
{
 width: 280px;
 height: 280px;
 float: right;
}
.asya_about
{
 width:770px;
 height: 330px;
 float: right;
 margin: 0px 60px 0px 0px;
 align-content: center;
}
.asya_about p
{
 text-indent: 73px;
 text-align: justify;
}
.ira
{
 width: 1200px;
 height: 330px;
 margin: 20px 40px;
 border: 5px dashed #5dbb8b;;
}
.ira_pic 
{
 width: 350px;
 height: 330px;
 float: right;
 text-align:center;
 align-content: center;
}
.ira_pic:hover
{
 transform: scale(1.05);
}
.ira_pic img
{
 float: left;
 width: 300px;
 height: 300px;
}
.ira_about
{
 width:770px;
 height: 330px;
 float: right;
 align-content: center;
}
.ira_about p
{
 text-indent: 73px;
 margin: 0px 30px 0px 0px;
 text-align: justify;
}
.vadim
{
 width: 1200px;
 height: 330px;
 margin: 0px 40px;
 border: 5px dashed #81acd2;;
}
.vadim_pic 
{
 width: 350px;
 height: 330px;
 float: left;
 text-align:center;
 align-content: center;
}
.vadim_pic:hover
{
 transform: scale(1.05);
}
.vadim_pic img
{
 float:right;
 width: 300px;
 height: 300px;
}
.vadim_about
{
 width:770px;
 height: 330px;
 float: right;
 margin: 0px 60px 0px 0px;
 align-content: center;
}
.vadim_about p
{
 text-indent: 73px;
 margin: 0px 0px 0px 20px;
 text-align: justify;
}
.marina
{
 width: 1200px;
 height: 330px;
 margin: 20px 40px;
 border: 5px dashed #c7aa5e;;
}
.marina_pic 
{
 width: 350px;
 height: 330px;
 float: right;
 text-align:center;
 align-content: center;
}
.marina_pic:hover
{
 transform: scale(1.05);
}
.marina_pic img
{
 float: left;
 width: 300px;
 height: 300px;
}
.marina_about
{
 width:770px;
 height: 330px;
 float: right;
 align-content: center;
}
.marina_about p
{
 text-indent: 73px;
 margin: 0px 20px 0px 0px;
 text-align: justify;
}
.other
{
 width:1290px;
 height: 550px;
}
.steam
{
 width:490px;
 height: 500px;
 float: left;
 text-align: center;
}
.steam p
{
 margin: 0px 30px 20px 30px;
}
.steam iframe
{
 border: 0px;
 width:380px;
 height: 200px;
} 
.steam img
{
 width:150px;
 height: 150px;;
}
.trailer
{
 width:800px;
 height: 550px;
 float: left;
 text-align: center;
}
.trailer video
{
 width:750px;
 height: 420px;
}

/*Страница Аси*/
.main_asya
{
 width: 1210px;
 height: 1720px;
 align-content:center;
 text-align:center;
 margin: 0 40px;
}
.main_asya h3
{
 font-family:'Stengazeta-Regular_5' ;
 font-size: 96px;
 max-height: 128px;
 margin: 10px 0px 0px 0px;
 text-align:center;
 color: #d66a4e;
}
.main_asya h2
{
 margin:0;
 color:#d66a4e;
}
.main_block
{
 width: 1200px;
 height: 1650px;
 background: black;
 border: 5px solid white;
}
.left_asya
{
 width: 725px;
 height: 1650px;
 float:left;
 border-right: 5px solid white;
}
.left_asya p
{
 font-size: 19px;
 text-align:justify;
 margin: 10px 50px 0px 50px;
 text-indent:73px;
}
.right_asya
{
 width: 470px;
 height: 1650px;
 float:right;
}
.right_asya_img
{
 width: 470px;
 height: 70px;
 text-align: center;
 float: left;
}
.right_asya input[type="radio"] 
{
 display: none;
}
.button 
{
 display: inline-block;
 padding: 10px 10px;
 margin: 10px;
 background-color: gray;
 color: white;
 border: 4px solid #555;
 border-radius: 5px;
 cursor: pointer;
 font-family: 'LumiosTypewriter';
 font-size: 20px;
 text-align: center;
}
.button:hover 
{
 background-color: #555;
 border-color: #777;
}
#a:checked ~ right_asya_img .button[for="a"] 
{
 background-color: #d66a4e;
 color: black;
 border-color: white;
}
#b:checked ~ right_asya_img .button[for="b"] 
{
 background-color: #d66a4e;
 color: black;
 border-color: white;
}
.right_asya_img img
{
 width: 280px;
 height: 680px;
 transform: scaleX(-1);
}
#a:checked ~ right_asya_img .a-img {
 display: inline-block;
}

#a:checked ~ right_asya_img .b-img {
 display: none;
}
#b:checked ~ right_asya_img .a-img {
 display: none;
}

#b:checked ~ right_asya_img .b-img {
 display: inline-block;
}
.right_asya_bottom
{
 width: 470px;
 height: 643px;
 border-top: 5px solid white;
 text-align: justify;
}
.right_asya_bottom p
{
 font-size: 20px;
 margin: 35px 18px 0px 25px;
 border-bottom: 2px dashed white;
}
.etc
{
 width: 1200px;
 height: 750px;
 margin: 0 40px;
 text-align: center;
 align-content: center;
 background:black;
 border: 5px solid white;
}
.etc_left
{
 width: 550px;
 height: 750px;
 align-content: center;
 text-align: center;
 float:left;
}
.etc_right
{
 width: 650px;
 height: 750px;
 float: right;
 text-align: center;
}
.etc_right h2
{
 margin: 20px 0px 0px 20px;
 color:#d66a4e;
}
.etc_right p
{
 font-size: 20px;
 text-indent: 73px;
 text-align: justify;
 margin: 0px 20px 0px 20px;
}
.etc img
{
 width: 530px;
 height: 320px;
 mask-image: linear-gradient(to right,transparent 0%,rgba(0, 0, 0, 1) 15%,rgba(0, 0, 0, 1) 90%,transparent 100%), linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 1) 5%,rgba(0, 0, 0, 1) 90%,transparent 100%);
 mask-composite: intersect;
}
/*Конец страницы Аси*/

/*Страница Иры*/
.main_ira
{
 width: 1210px;
 height: 1720px;
 align-content:center;
 margin: 0px 40px;
}
.main_ira h3
{
 font-family:'Stengazeta-Regular_5' ;
 font-size: 96px;
 max-height: 128px;
 margin: 10px 0px 0px 0px;
 text-align:center;
 color: #5dbb8b;
}
.main_ira h2
{
 margin:0;
 color:#5dbb8b;
}
.main_block_ira
{
 width: 1200px; 
 height: 1650px;
 background: black;
 border: 5px solid white;
}
.right_ira
{
 width: 725px;
 height: 1650px;
 float:right;
 background: black;
 border-left:5px solid white;
}
.right_ira p
{
 font-size: 18px;
 text-align:justify;
 margin: 10px 50px 0px 50px;
 text-indent:73px;
}
.right_ira img
{
 width: 650px;
 height: 350px;
 mask-image: linear-gradient(to right,transparent 0%,rgba(0, 0, 0, 1) 15%,rgba(0, 0, 0, 1) 90%,transparent 100%), linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 1) 5%,rgba(0, 0, 0, 1) 90%,transparent 100%);
 mask-composite: intersect;
}
.left_ira
{
 width: 470px;
 height: 1650px;
 float:left;
}
.left_ira_img
{
 width: 470px;
 height: 70px;
 text-align: center;
 float: left;
}
.left_ira input[type="radio"] 
{
 display: none;
}
#a:checked ~ left_ira_img .button[for="a"] 
{
 background-color: #5dbb8b;
 color: black;
 border-color: white;
}
#b:checked ~ left_ira_img .button[for="b"] 
{
 background-color: #5dbb8b;
 color: black;
 border-color: white;
}
.left_ira_img img
{
 width: 390px;
 height: 680px;
}
#a:checked ~ left_ira_img .a-img {
 display: inline-block;
}

#a:checked ~ left_ira_img .b-img {
 display: none;
}
#b:checked ~ left_ira_img .a-img {
 display: none;
}

#b:checked ~ left_ira_img .b-img {
 display: inline-block;
}
.left_ira_bottom
{
 width: 470px;
 height: 643px;
 border-top: 5px solid white;
 text-align: justify;
}
.left_ira_bottom p
{
 font-size: 20px;
 margin: 25px 18px 0px 25px;
 border-bottom: 2px dashed white;
}
.etc_ira
{
 width: 1200px;
 height: 750px;
 margin: 0 40px;
 text-align: center;
 align-content: center;
 border: 5px solid white;
 background:black;
}
.etc_ira_left
{
 width: 550px;
 height: 750px;
 align-content: center;
 text-align: center;
 float:right;
}
.etc_ira_right
{
 width: 650px;
 height: 750px;
 float: left;
 text-align: center;

}
.etc_ira_right h2
{
 margin: 20px 0px 0px 20px;
 color:#5dbb8b;
 
}
.etc_ira_right p
{
 font-size: 23px;
 text-indent: 73px;
 text-align: justify;
 margin: 0px 20px 0px 20px;
}
.etc_ira img 
{
 width: 530px;
 height: 320px;
 mask-image: linear-gradient(to right,transparent 0%,rgba(0, 0, 0, 1) 15%,rgba(0, 0, 0, 1) 90%,transparent 100%), linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 1) 5%,rgba(0, 0, 0, 1) 90%,transparent 100%);
 mask-composite: intersect;
}
.top 
{
 width: 530px;
 height: 370px;
 align-content: center;
 text-align: center;
}
.bottom
{
 width: 530px;
 height: 370px;
 align-content: center;
 text-align: center;
}
.top-img-b 
{
 display:none;
}
.top:hover .top-img-a
{
 display: none;
}
.top:hover .top-img-b
{
 display: inline-block;
 transform: scale(1.05); 
}
.bottom-img-b
{
 display:none;
}
.bottom:hover .bottom-img-a
{
 display: none;
}
.bottom:hover .bottom-img-b
{
 display: inline-block;
 transform: scale(1.05); 
}
/*Конец страницы Иры*/
/*Страница Вадима*/
.main_vadim
{
 width: 1210px;
 height: 1470px;
 text-align:center;
 align-content: center;
 margin: 0 40px;
}
.main_vadim h3
{
 font-family:'Stengazeta-Regular_5' ;
 font-size: 96px;
 max-height: 128px;
 margin: 10px 0px 0px 0px;
 text-align:center;
 color: #81acd2;
}
.main_vadim h2
{
 margin:0;
 color:#81acd2;
}
.main_block_vadim
{
 width: 1200px;
 height: 1400px;
 border: 5px solid white;
 background: black;
}
.right_vadim
{
 width: 725px;
 height: 1400px;
 float:right;
 border-left: 5px solid white;
}
.right_vadim h2
{
 text-align:center;
}
.right_vadim p
{
 font-size: 20px;
 text-align:justify;
 margin: 10px 70px 0px 50px;
 text-indent:73px;
}
.left_vadim
{
 width: 470px;
 height: 1400px;
 float:left;
}
.left_vadim_img
{
 width: 470px;
 height: 70px;
 text-align: center;
 float: left;
}
.left_vadim input[type="radio"] 
{
 display: none;
}
#a:checked ~ left_vadim_img .button[for="a"] 
{
 background-color: #81acd2;
 color: black;
 border-color: white;
}
#b:checked ~ left_vadim_img .button[for="b"] 
{
 background-color: #81acd2;
 color: black;
 border-color: white;
}
.left_vadim_img img
{
 width: 390px;
 height: 680px;
}
#a:checked ~ left_vadim_img .a-img {
 display: inline-block;
}

#a:checked ~ left_vadim_img .b-img {
 display: none;
}
#b:checked ~ left_vadim_img .a-img {
 display: none;
}

#b:checked ~ left_vadim_img .b-img {
 display: inline-block;
}
.left_vadim_bottom
{
 width: 470px;
 height: 643px;
 border-top: 5px solid white;
 text-align: justify;
}
.left_vadim_bottom p
{
 font-size: 20px;
 margin: 25px 18px 0px 25px;
 border-bottom: 2px dashed white;
}
.etc_vadim
{
 width: 1200px;
 height: 1000px;
 text-align: center;
 align-content: center;
 margin: 0 40px;
 background:black;
 border: 5px solid white;
}
.etc_vadim_top
{
 width: 1200px;
 height: 550px;
 align-content: center;
 text-align: center;
}
.etc_vadim_top_img
{
 width: 1200px;
 height: 550px;
 align-content: center;
 text-align: center;
}
.etc_vadim img 
{
 width: 900px;
 height: 500px;
 mask-image: linear-gradient(to right,transparent 0%,rgba(0, 0, 0, 1) 15%,rgba(0, 0, 0, 1) 90%,transparent 100%), linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 1) 5%,rgba(0, 0, 0, 1) 90%,transparent 100%);
 mask-composite: intersect;
}
.img-d 
{
 display:none;
}
.etc_vadim_top_img:hover .img-c
{
 display: none;
}
.etc_vadim_top_img:hover .img-d
{
 display: inline-block;
 transform: scale(1.05); 
}
.etc_vadim_bottom
{
 width: 1200px;
 height: 480px;
 text-align: center;
 margin: 0px 52px 0px 0px;

}
.etc_vadim_bottom h2
{
 color: #81acd2;
}
.etc_vadim_bottom p
{
 font-size: 20px;
 text-indent: 73px;
 text-align: justify;
 margin: 0px 150px;
}
/*Конец страницы Вадима*/
/*Страница Марины*/
.main_marina
{
 width: 1210px;
 height: 1500px;
 text-align:center;
 align-content: center;
 margin: 0 40px;
}
.main_marina h3
{
 font-family:'Stengazeta-Regular_5' ;
 font-size: 96px;
 max-height: 128px;
 margin: 10px 0px 0px 0px;
 text-align:center;
 color: #c7aa5e;
}
.main_block_marina
{
 width: 1200px;
 height: 1430px;
 background: black;
 border: 5px solid white;
}
.left_marina
{
 width: 725px;
 height: 1430px;
 float:left;
 border-right: 5px solid white;
}
.left_marina p
{
 font-size: 18px;
 text-align:justify;
 margin: 10px 50px 0px 50px;
 text-indent:73px;
}
.left_marina h2
{
 color: #c7aa5e;
}
.right_marina
{
 width: 470px;
 height: 1430px;
 float:right;
}
.right_marina_img
{
 width: 470px;
 height: 90px;
 text-align: center;
}
.right_marina input[type="radio"] 
{
 display: none;
}
#a:checked ~ right_marina_img .button[for="a"] 
{
 background-color: #c7aa5e;
 color: black;
 border-color: white;
}
#b:checked ~ right_marina_img .button[for="b"] 
{
 background-color: #c7aa5e;
 color: black;
 border-color: white;
}
#c:checked ~ right_marina_img .button[for="c"] 
{
 background-color: #c7aa5e;
 color: black;
 border-color: white;
}
.right_marina_img img
{
 width: 280px;
 height: 680px;
 transform: scaleX(-1);
}
#a:checked ~ right_marina_img .a-img {
 display: inline-block;
}

#a:checked ~ right_marina_img .b-img {
 display: none;
}
#a:checked ~ right_marina_img .c-img {
 display: none;
}

#b:checked ~ right_marina_img .a-img {
 display: none;
}
#b:checked ~ right_marina_img .b-img {
 display: inline-block;
}
#b:checked ~ right_marina_img .c-img {
 display: none;
}

#c:checked ~ right_marina_img .a-img {
 display: none;
}

#c:checked ~ right_marina_img .b-img {
 display: none;
}
#c:checked ~ right_marina_img .c-img {
 display: inline-block;
}
.right_marina_bottom
{
 width: 470px;
 height: 643px;
 border-top: 5px solid white;
 text-align: justify;
}
.right_marina_bottom p
{
 font-size: 20px;
 margin: 20px 18px 0px 20px;
 border-bottom: 2px dashed white;
}
.etc_marina
{
 width: 1200px;
 height: 1000px;
 text-align: center;
 align-content: center;
 margin: 0 40px;
 background:black;
 border: 5px solid white;
}
.etc_marina_bottom
{
 width: 1200px;
 height: 520px;
 align-content: center;
 text-align: center;
}
.etc_marina_bottom_img
{
 width: 1200px;
 height: 520px;
 align-content: center;
 text-align: center;
 transition: background-color 0.3s ease;
}
.etc_marina img 
{
 width: 870px;
 height: 470px;
 mask-image: linear-gradient(to right,transparent 0%,rgba(0, 0, 0, 1) 15%,rgba(0, 0, 0, 1) 90%,transparent 100%), linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 1) 5%,rgba(0, 0, 0, 1) 90%,transparent 100%);
 mask-composite: intersect;
}
.img-d 
{
 display:none;
}
.etc_marina_bottom_img:hover .img-c
{
 display: none;
}
.etc_marina_bottom_img:hover .img-d
{
 display: inline-block;
 transform: scale(1.05); 
}
.etc_marina_top
{
 width: 1200px;
 height: 500px;
 text-align: center;
 align-content:center;
 margin: 0px 52px 0px 0px;

}
.etc_marina_top h2
{
 color: #c7aa5e;
}
.etc_marina_top p
{
 font-size: 20px;
 text-indent: 73px;
 text-align: justify;
 margin: 0px 150px;
}
.main_about h3
{
 font-family:'Stengazeta-Regular_5' ;
 font-size: 96px;
 max-height: 128px;
 margin: 30px 0px;
 text-align:center;
 color: #ab343a;
}
/*Конец страницы Марины*/
/*Начало Страницы других персонажей*/
.others
{
 width: 1290px;
 height: 2400px;
 text-align:center;
 padding: 40px 0px;
}
.others h3
{
 font-family:'Stengazeta-Regular_5' ;
 font-size: 70px;
 margin: 10px 0px;
 text-align:left;
 color: #ab343a;
}
.right_style1 p
{
 font-size: 18px;
 text-align: justify;
 margin: 0 100px 0 0;
}
.right_style1 h3
{
 text-align:left;
}
.left_style2 p
{
 font-size: 18px;
 text-align: justify;
 margin: 0 0 0 100px;
}
.left_style2 h3
{
 text-align:right;
}
.lev_k
{
 width: 1000px;
 height: 500px;
 margin: 0px 140px;
 border: 5px dotted white;
 background: black;
}
.tolik
{
 width: 1000px;
 height: 330px;
 margin: 40px 140px;
 border: 5px dotted white;
 background: black;
}
.tosya
{
 width: 1000px;
 height: 500px;
 margin: 40px 140px;
 border: 5px dotted white;
 background: black;
}
.to_be_asya img
{
 width: 1000px;
 height: 600px;
 border: 5px solid white;
}
.to_be_asya img
{
 display: inline-block;
 width: 1000px;
 height: 600px;
}
.tosya .left_style1 img
{
 display: inline-block;
 width: 310px;
 height: 470px;
}
.left_style1
{
 width: 320px;
 height: 500px;
 text-align:center;
 float: left;
 align-content: center;
}
.left_style1 img
{
 display: inline-block;
 width: 330px;
 height: 450px;
}
.right_style1
{
 width: 680px;
 height: 500px;
 float: right;
}
.right_style1 h2
{
 text-align: left;
}
.left_style2
{
 width: 680px;
 height: 330px;
 float: left;
}
.right_style2
{
 width: 320px;
 height: 330px;
 text-align:center;
 float: right;
 align-content: center;
}
.right_style2 img
{
 width: 250px;
 height: 250px;
 border: 5px solid white;
}
.students
{
 width: 1000px;
 height: 250px;
 margin: 40px 140px;
 border: 5px dotted white;
 background: black;
}
.students h3
{
 text-align: center;
}
.students p
{
 text-align: justify;
 margin: 0px 30px;
}
/*Конец Страницы других персонажей*/
/*Страница о нас*/
.main_about
{
 width:1290px;
 height: 2500px
}
.main_about p
{
 margin: 20px 100px;
}
.main_about h2
{
 margin: 20px 0;
}
.main_about h3
{
 font-size: 80px;
}
.main_about h4
{
 font-family:'LumiosTypewriter' ;
 font-size: 30px;
 font-weight: normal;
 font-style: normal;
 color: white;
 text-align: justify;
 margin: 10px 150px; 
}
.main_about h5
{
 font-family:'LumiosTypewriter' ;
 font-size: 20px;
 font-weight: normal;
 font-style: normal;
 color: white;
 text-align: justify;
 margin: 10px 150px; 
}
.map
{
 width: 1290px;
 height: 670px;
 text-align:center;
}
.map iframe
{
 display:inline-block;
 height: 650px;
 width: 1100px;
 border: 0;
}
/*Конец страницы о нас*/
.footer /*подвал*/
{
 width: 1290px;
 height: 55px;
 background:black;
 border-left: 5px solid #FFFFFF;
 border-right: 5px solid #FFFFFF;
 border-bottom: 5px solid #FFFFFF;
}
.footer p
{
 font-family:'Arial Black', Gadget, sans-serif ;
 font-size: 18px;
 font-style: normal;
 font-weight: bold;
 text-align: center;
 color: white;
 padding-top: 10px;
 align-content: center;
 margin:0 auto;
 padding:0 auto;
}