h1 {
  font-size: 50px;
  }
   .ven{
   transform: scaleX(-1);
   }
   .block_decorate{
   width: 100%;
   display: flex;
   margin-top: 3%;
   justify-content: space-between;
   }
body {
    background-image: url(back3.jpg);
    background-size: cover
}
.pr{
   display: flex;
   justify-content: center;
   margin-left: 20%;
    width: 60%;
    height: 80%;
    margin-top: 2%;
    border: 2px dashed DarkRed;
  border-radius: 20px;
}
.pr2{
   display: flex;
   justify-content: center;
   margin-left: 25%;
    width: 50%;
    height: 30rem;
    margin-top: 2%;
    border: 2px dashed DarkRed;
  border-radius: 20px;
}
.pr3{
   display: flex;
   justify-content: center;
   margin-left: 25%;
    width: 50%;
    height: 30rem;
    margin-top: 2%;

}
os.{
   margin-top: 3rem;
   display: flex;
}
.site{
   width: 100%;
   display: flex;
   margin-top: 3%;
   justify-content: space-evenly;

}
.site1{
   width: 90%;
   display: flex;
   margin-top: 3%;
   justify-content: space-evenly;
   gap: 4%;

}
.opis{
    font-size: 1.4rem;
    max-width: 50%;
}
.photo_authors{
    border: 4px solid DarkRed;
    width: 30%;
    height: 30rem;
    }
.ephoto{
max-width: 50%;
   display: flex;
    max-width: 45%;
    height: 60rem;
}
 .intr{
  max-width: 100%;
   display: flex;
   justify-content: center;
  font-size: 1.7rem;
 }
 .information{
  max-width: 50%;
  display: flex;
  justify-content: normal;
  font-size: 1.3rem;
  margin-top: 1.5rem;
  margin-left: 25%;
  background: #DEB887;
  border-radius: 20px;
 }

.pic{
 max-width: 100%;
  display: flex;
  justify-content: center;
}
.siteo{
   width: 100%;
   display: flex;
   margin-top: 3%;
   justify-content: space-evently;
   margin-left: 3%;
   gap: 5%;

}
.siteo1{
   width: 90%;
   display: flex;
   margin-top: 3%;
   justify-content: space-evently;
   margin-left: 3%;
   gap: 35%;

}
.siteo2{
   width: 90%;
   display: flex;
   margin-top: 3%;
   justify-content: space-evently;
   margin-left: 3%;
   gap: 7%;

}
.siteo3{
   width: 70%;
   display: flex;
   margin-top: 3%;
   justify-content: start;
   margin-left: 3%;
   margin-left: -10%;

}
.siteo4{
   width: 90%;
   display: flex;
   margin-top: 3%;
   justify-content: space-evently;
   margin-left: 3%;
   gap: 20%;

}
.portrait {
display: flex;
max-width: 100%
 margin-left: 5%;
	  border-radius: 50%;
	  overflow: hidden;
	  width: 20%;
	  height: 20%;
	  border: 4px solid DarkRed;

	}
	.portrait img{
	  width:100%;
	  height:100%;
	  object-fit: cover;

	}

    .navigation{
    margin-left: 5rem;
   margin-top: -65rem;
   font-size: 20px;
}
    .intr_authors{
    font-size: 1.3rem;
   margin-left: 41%;
  }
   .description_authors{
  font-size: 1.3rem;
  display: flex;
  background: #D2B48C;
  width:  65%;
  border: 2px dashed DarkRed;
  border-radius: 20px;
  float: 0
   }
.gp{
 display: flex;
 max-width: 29%;
 width: 15%;
 height: 25rem;
 margin-top: 10%;
 }
 .gp1{
 display: flex;
 max-width: 29%;
 width: 15%;
 height: 40rem;
 margin-top: 5%;
 }
 .gp2{
 display: flex;
 max-width: 50%;
 width: 15%;
 height: 27rem;
 margin-top: 5%;
 }
 .gp3{
 display: flex;
 max-width: 50%;
 width: 15%;
 height: 40rem;
 margin-top: 9%;
 }
 .gp4{
 display: flex;
 max-width: 50%;
 width: 15%;
 height: 10rem;
 }
 .gp5{
 display: flex;
 max-width: 50%;
 width: 15%;
 height: 15rem;
 margin-left: 5%;
 }
 .gp6{
 display: flex;
 max-width: 50%;
 width: 15%;
 margin-left: -2%;
 height: 17rem;
 }
 .description_authors1{
  font-size: 1.3rem;
  display: flex;
  background: #D2B48C;
  width:  48%;
  border: 2px dashed DarkRed;
  border-radius: 20px;

   }
   .description_authors2{
  font-size: 1.3rem;
  display: flex;
  background: #D2B48C;
  width:  65%;
  border: 2px dashed DarkRed;
  border-radius: 20px;
  margin-left: 15%;
  margin-top: 3%;
  float: 0
   }
   .re{
   display: flex;
   font-size: 1.3rem;
   max-width: 80%;
   margin-left: 10%;
   margin-top: 2%;
   }

   .line{
    border: none; /* Убираем границу */
    background-color: #D2B48C; /* Цвет линии */
    color: #D2B48C; /* Цвет линии для IE6-7 */
    height: 2rem; /* Толщина линии */
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem;

}
table. table-bordered{
    max-width: 80%;
border:1px solid black;
   margin-top: 10%;
   font size: 18px;
   border: 3px solid white;
}
table.table-bordered > thead > tr > th{
    border:1px solid black;
}
table.table-bordered > tbody > tr > td{
    border:1px solid black;
}

.zapiski{
max-width: 90%;
display: flex;
justify-content: center;
width: 60%;
height: 40%;
margin-left: 20%;

}
.beginning{
margin-left: 17rem;
   margin-top: 135rem;
   font-size: 20px;
}
.beginning1{
margin-left: 17rem;
   margin-top: 6rem;
   font-size: 20px;
}
fieldset.one
{
	color: black;
	margin-top: 20px;
	margin-right: 25%;
	margin-left: 30%;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 150px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	clear:both;
	text-align: right;
	line-height:px;
	background-color: AntiqueWhite;
}
.spisok{
max-width: 90%;
display: flex;
justify-content: center;
flex-direction: column;
margin-left: 7%;
   margin-top: 2rem;
    font-size: 1.2rem;
    font: bold Palatino;
    color: DarkRed;
}
.anketa{
margin-left: 4rem;
   margin-top: 0rem;
font-size: 1.3rem;

}
.anketa1{
margin-left: 5rem;
   margin-top: 2rem;
font-size: 1.3rem;

}
.disc{
   max-width: 100%;
   display: flex;
   justify-content: center;
   margin-top: 0.5rem;
   font-size: 1.5rem;
}
.polimika{
   max-width: 100%;
   display: flex;
   justify-content: center;
   margin-left: 35%;
   flex-direction: column;
   margin-top: 2rem;
   padding: 0;
   list-style-type: circle;
    font: fantasy;
    font-size: 1.6rem;
}
.polimika_mol{
max-width: 60%;
  display: flex;
  justify-content: center;
  flex-direction: column;
margin-left: 20%;
   margin-top: 2rem;
    padding: 0;
    list-style-type: circle;
    font: fantasy;
    font-size: 1.4rem;
}
.information_critic{
max-width: 70%;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  margin-left: 20%;
font-size: 1.2rem;
  background: #e0d3b9;
  width:  60%;
  height: 40%;
  border: 2px dashed DarkRed;
  border-radius: 20px;
}
.information_molod{
font-size: 1.2rem;
  max-width: 70%;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  margin-left: 19%;
  background: #e0d3b9;
  border: 2px dashed DarkRed;
  border-radius: 20px;
}
.canon{
max-width: 70%;
  display: flex;
  margin-top: 1.5rem;
  margin-left: 15%;
   justify-content: space-between;
   gap: 15%;
   font-size: 1.7rem;
   font-style: fantasy;
}
.person{
max-width: 70%;
  display: flex;
  margin-top: 1.5rem;
  margin-left: 15%;
  justify-content: space-between;
   gap: 10%;
   font-size: 1.7rem;
}
.person2{
max-width: 70%;
  display: flex;
  margin-top: 1.5rem;
  margin-left: 15%;
  justify-content: space-between;
   gap: 10%;
   font-size: 1.7rem;
}
.information_сanon{
font-size: 1.2rem;
  max-width: 60%;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  margin-left: 20%;
  background: #e0d3b9;
  border: 2px dashed DarkRed;
  border-radius: 20px;
}
.cite{
  max-width: 70%;
  display: flex;
  margin-top: 1.5rem;
  margin-left: 15%;
  justify-content: space-between;
  gap: 12%;

}
.cite2{
font-size: 1.2rem;
  background: #e0d3b9;
  border: 2px dashed DarkRed;
  border-radius: 20px;
}
.stepyn{
font-size: 1.2rem;
color: DarkRed;
  max-width: 90%;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  margin-left: 10%;
  background: opacity;
  border: 2px dashed #e0d3b9;
  border-radius: 20px;
}

.pas{
background-image: url(passpotr_shablon.png);
    background-position: center-bottom;
    background-repeat: no-repeat;
    position: relative;
  display: inline-block;
  width: 49rem;
  height: 97rem;
  margin-left: 20rem;
   margin-top: 1rem;
}
.dom {
margin-left: 20rem;
   margin-top: 2rem;
}
.obl {
   margin-left: 6rem;
   margin-top: 4.5rem;
   font: bold 77% serif;
   }
   .data {
   margin-left: 6.2rem;
   margin-top: 3rem;
   font: 1rem serif;
   }
   .cod {
   margin-left: 250px;
   margin-top: -17px;
   }
   .surname {
   margin-left: 218px;
   margin-top: 185px;
   font:  100% serif;
   }
   .name {
   margin-left: 225px;
   margin-top: 29px;
   }
   .ot {
   margin-left: 220px;
   margin-top: 4px;
   }
   .sex {
   margin-left: 180px;
   margin-top: 4px;
   }
   .birth {
   margin-left: 270px;
   margin-top: -17px;
   }
   .city {
   margin-left: 15rem;
   margin-top: 3px;
   }
   .photop {
   margin-left: 2.5rem;
   margin-top: -5.9rem;
   }
.zamena{
margin-left: 9rem;
   margin-top: 2rem;
cursor: pointer;
   font: bold 150% fantasy;
    background-color: transparent; /* Прозрачный цвет фона */
    font-size: 0.6rem; /* Размер текста */
    text-transform: uppercase; /* Все буквы заглавные */
    color: #8B4513; /* Цвет текста */
    border: 2.5px solid #8B4513; /* Параметры рамки */
    border-radius: 0.4em;
    padding: 0.2rem 1rem;
    width: 20%;
 }
 .zamena:hover {
  background-color: #e0d3b9;
}

.passport_display{
 margin-left: 35rem;
   margin-top: -10rem;
   font-size: 1.5rem;
}
.zakl {
margin-left: 28rem;
   margin-top: -8rem;
   font-size: 1.5rem;
   display: flex;
   justify-content: start;
 gap: 7rem;
}
.math{
margin-left: 35rem;
   margin-top: 2rem;
   font: 140% Palatino;
}
.desk_z1{
font-size: 1.2rem;
  background: #e0d3b9;
  margin-left: 35rem;
   margin-top: -1rem;
  width:  500px;
  height: 110px;
  border: 2px dashed DarkRed;
  border-radius: 20px;
}
.img2{
 max-width: 10%;
  height: 10%;
  align-self: center;
}
.res_z1{
display: flex;
 width: 100%;
 justify-content: center;
 gap: 6rem;
 margin-top: 1rem;
 margin-left: 4rem;
 font-size: 1.5rem;
 }
.evaluate{
 margin-left: 1rem;
   margin-top: 1rem;
cursor: pointer;
   font: bold 150% fantasy;
    background-color: transparent; /* Прозрачный цвет фона */
    font-size: 0.8rem; /* Размер текста */
    text-transform: uppercase; /* Все буквы заглавные */
    color: #8B4513; /* Цвет текста */
    border: 2.5px solid #8B4513; /* Параметры рамки */
    border-radius: 0.4em;
    padding: 0.2rem 1rem;
    width: 15%;
 }
 .evaluate:hover {
  background-color: #e0d3b9;
}
.math2{
margin-left: 35rem;
   margin-top: 2rem;
   font: 140% Palatino;
}
.shop{
display: flex;
 width: 100%;
 justify-content: evenly;
 gap: 1rem;
 flex-direction: row;
 flex-wrap: wrap;

}
.card{
display: flex;
 width: 60%;
 flex-direction: column;
 padding: 1rem;
 margin: 0.7rem;
 border: 2px dashed DarkRed;
  border-radius: 20px;

}
.image{
 display: flex;
  width: 50%;
  height: 60% !important;
  align-self: stretch;
  margin: 0 auto;

}
.card-header{
color: DarkRed;
 background: #e0d3b9;
 display: flex;
  width: 100%;
  border: 2px dashed DarkRed;
  border-radius: 20px;
  padding: 0.4rem;
  margin-top: 1rem;

}
.card-subtitle{
display: flex;
  width: 100%;
  margin-top: 1rem;
}
.card-text{
display: flex;
  width: 100%;
  margin-top: 0.7rem;
  color: DarkRed;
}
.card-text1{
display: flex;
  width: 100%;
  margin-top: 0.7rem;
  font-weight: 300rem;
  margin-top: 0.4rem;
}
.botton{
   margin-left: 2%;
   margin-top: 2%;
   width: 8em; /* Ширина кнопки */
   height: 3em;
   font: bold 100% fantasy;
   padding: 0.3em 0.5em;
    background-color: transparent; /* Прозрачный цвет фона */
    font-size: 0.7em; /* Размер текста */
    text-transform: uppercase; /* Все буквы заглавные */
    color: #8B4513; /* Цвет текста */
    border: 2px solid #8B4513; /* Параметры рамки */
    border-radius: 0.3em
    }
.botton:hover {
 background-color: #e0d3b9;
 }
.desk_z2{
font-size: 1.2rem;
  background: #e0d3b9;
  margin-left: 35rem;
   margin-top: 1rem;
  width:  500px;
  height: 70px;
  border: 2px dashed DarkRed;
  border-radius: 20px;
  display: flex;
justify-content: center;
gap: 10%;
}