/* #905a45, #fed404, #9da5d5, #d2cee4, #ac4f2e, #fffaed*/

@font-face {
  font-family: "TITLE";
  src: url("../fonts/SaarSPDemo.otf");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Title_1";
  src: url("../fonts/RobotoSlab.ttf");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "italic";
  src: url("../fonts/Raleway-Italic.ttf");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway.ttf");
  font-style: normal;
  font-weight: normal;
}  */
*{
  margin: 0;
  padding: 0;
  box-sizing:border-box;
  font-size: 20px;
}
body{
  background-color: #ffffff;
  background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
  margin: 0;
  padding: 0;
  box-sizing:border-box;
  font-size: 20px;
}
.banner{
  width: 100%;
  height: 100vh;
  margin: auto;
  background: url('../images/poster.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  display: flex;
  align-items: center;
  font-family: "TITLE";
}
.zag1{
  color: rgb(159 26 28);
  text-shadow: 4px 4px 0px #FFFFFF;
  font-size: 170px;
  margin: auto;
  text-align: center;
  letter-spacing: 5px;
}
.sec_2{
  width: 80%;
  height: 900px;
  margin: auto;
  display: flex;
  align-items: center;
  font-family: "Raleway";
}
.box_main{
  width: 1000px;
  height: 550px;
  margin: auto;
  background: #fed404;
  display: flex;
  align-items: center;
  position: relative;
}
.box_main::after{
  content: '';
  background: url('../images/molodoi.jpg');
  width: 300px;
  height: 395px;
  position: absolute;
  background-size: cover;
  right: -30px;
  top: -125px;
}
.box_main::before{
  content: '';
  background: url('../images/molodoi2.jpg');
  width: 420px;
  height: 230px;
  position: absolute;
  background-size: cover;
  left: -60px;
  top: 302px;

}
.inner_box_1{
  width: 90%;
  height: 500px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.zag_2{
  font-size: 30px;
  font-weight: 900;
  font-family: "Title_1";
}
.z2{
  text-align: center;
}
.wrap{
  width: 70%;
  font-size: 15px;
}
.w_2{
  margin-left: auto;
  width: 60%;
}
.sec_3{
  width: 90%;
  height: 1155px;
  margin: auto;
  font-family: "Raleway";
}
.box_sec_3{
  width: 80%;
  margin: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  color: rgb(209, 192, 166);
  font-family: "Raleway";
}
.poster_text{
  width: 900px;
  height: 350px;
  margin: auto;
  background: rgb(159 26 28);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.text_box{
  width: 90%;
  height: 280px;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.para_1{
  width: 45%;
  font-size: 15px;
}
.poster{
  width: 100%;
  height: 630px;
  margin: auto;
  background: url('../images/poster3.jpg');
  background-size: cover;
  background-position: 25%;
  display: flex;
  align-items: center;
}
.poster_box{
  width: 85%;
  margin: auto;
  display: flex;
  flex-direction: row-reverse;
  font-size: 11px;
  font-family: "italic";
  color: #e6e6e6;
  text-shadow: black 1px 1px 0px;
}
.poster_box_2{
  width: 228px;
}
.Reservoir_dogs{
  overflow: hidden;
}
.DOGS_ZAG{
  width: 40%;
  margin: auto;
  display: flex;
  flex-direction: row-reverse;
}
.dogs_box_1{
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}
.dogs_box1{
  width: 900px;
  height: 256px;
  background: #fed404;
  display: flex;
  align-items: center;
  position: relative;
}
.z3{
  padding-left: 50px;
}
.dogs_textbox{
  width: 55%;
  padding-left: 50px;
  font-size: 15px;
  font-family: "Raleway";
}
.dogs_box1::after{
  content: '';
  background: url('../images/blood2.png');
  width: 217px;
  height: 260px;
  background-size: cover;
  position: absolute;
  left: -164px;
  top: -129px;
  transform: rotate(350deg);
}
.dogs_box_2{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.Dogs_svg{
  width: 1000px;
  height: 562px;
  background-size: cover;
}

.dogs_box_3{
  width: 1350px;
  height: 256px;
  background: #fed404;
  margin-top: -5px;
  position: relative;
  font-size: 15px;
  font-family: "Raleway";
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.dogs_box_3::after{
  content: '';
  background: url('../images/blood0.png');
  width: 346px;
  height: 260px;
  background-size: cover;
  position: absolute;
  left: 1086px;
  top: -190px;
  transform: scale(-1, 1);
}
.dogs3_textbox{
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.wrap_2{
  width: 40%;
  height: 180px;
}
.Pulp_poster{
  width: 90%;
  height: 990px;
  margin: auto;
  display: flex;
  align-items: center;
}
.Pulp_img{
  margin: auto;
  height: 630px;
  width: 80%;
  background: url('../images/chtivo.svg');
  background-size: cover;
  font-size: 11px;
  font-family: "italic";
  color: #e6e6e6;
  text-shadow: rgb(167, 116, 39) 1px 1px 0px;
  display: flex;
  align-items: center;
}
.poster_box_3{
  width: 55%;
  display: flex;
  flex-direction: column;
  padding-left: 50px;
}
.Pulp_fiction{
  width: 80%;
  margin: auto;
}
.Pulp_box{
  width: 900px;
  /* height: 260px; */
  height: 480px;
  margin: auto;
  background: rgb(159 26 28);
  display: flex;
  align-items: center;
  position: relative;
}
.pulp_box_1{
  width: 90%;
  height: 90%;
  margin: auto;
  color: rgb(209, 192, 166);
  font-family: "Raleway";
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-flow: wrap;
}
.p2{
  font-size: 15px;
  display: flex;
  align-items: center;
}
.p2_1{
  width: 55%;
  margin-left: auto;
}
.Pulp_box::after{
  content: '';
  background: url('../images/cher1.png');
  width: 330px;
  height: 319px;
  background-size: cover;
  position: absolute;
  left: 692px;
  top: -105px;
  transform: rotate(299deg);
}
.Pulp_box::before{
  content: '';
  background: url('../images/chti.jpg');
  width: 428px;
  height: 280px;
  background-size: cover;
  position: absolute;
  left: -70px;
  top: 265px;
}
.Pulp_sec_2{
  width: 800px;
  height: 630px;
  margin: auto;
  display: flex;
  align-items: center;
  font-size: 10px;
  font-family: "italic";
  color: black;
  justify-content: space-between;
}

.Mia_img{
  height: 250px;
  background-size: cover;
}

.poster_box_3_4{
  width: 38%;
  display: flex;
  flex-direction: column;
}
.Bill_poster{
  width: 90%;
  margin: auto;
  display: flex;
  align-items: center;
}
.Bill_img{
  margin: auto;
  width: 80%;
  height: 720px;
  background: url('../images/kill-bill.svg');
  background-size: cover;
  font-size: 11px;
  font-family: "italic";
  color: #e6e6e6;
  text-shadow: rgb(94, 94, 94) 1px 1px 0px;
  display: flex;
  align-items: center;
}
.poster_box_4{
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-left: 50px;
}
.Kill_Bill{
  height: 1060px;
  display: flex;
  margin: auto;
  align-items: center;
  flex-direction: row-reverse;
  overflow: hidden;
  position: relative;
}
.Bill_box{
  width: 1000px;
  height: 710px;
  position: relative;
}
.Bill_box::after{
  content: '';
  width: 437px;
  height: 327px;
  background: url('../images/catana.svg');
  background-size: cover;
  position: absolute;
  left: 563px;
  top: 382px;
}
.Kill_box{
  width: 1000px;
  height: 620px;
  background: #fed404;
  display: flex;
  align-items: center;
  position: relative;
}
.Kill_box_2{
  width: 90%;
  height: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.Kill_box_2::after{
  content: '';
  background: url('../images/blood5.png');
  width: 273px;
  height: 240px;
  background-size: cover;
  position: absolute;
  left: 680px;
  top: -105px;
}
.Kill_box_2::before{
content: '';
background: url('../images/blood6.png');
width: 438px;
height: 230px;
background-size: cover;
position: absolute;
left: 500px;
top: 80px;
transform: rotate(294deg);
}
.wrap_3{
  width: 55%;
  font-size: 15px;
  font-family: "Raleway";
}

.End{
  width: 80%;
  margin: auto;
}
.End_box{
  width: 900px;
  height: 470px;
  margin: auto;
  background: rgb(159 26 28);
  display: flex;
  align-items: center;
  position: relative;
}
.End_box_2{
  width: 90%;
  height: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wrap_4{
  width: 100%;
  font-size: 16px;
  font-family: "Raleway";
  color: rgb(209, 192, 166);
}
.End_box::after{
  content: '';
  background: url('../images/end.webp');
  width: 400px;
  height: 277px;
  position: absolute;
  background-size: cover;
  left: -50px;
  top: 255px;
}
.End_box::before{
  content: '';
  background: url('../images/cher2.png');
  width: 374px;
  height: 330px;
  position: absolute;
  background-size: cover;
  left: 657px;
  top: -137px;
}
.Quote{
  width: 100%;
  height: 458px;
  margin: auto;
  display: flex;
  align-items: center;
  text-align: center;
}
.poster_box_6{
  width: 40%;
  font-size: 12px;
  font-family: "italic";
  color: #000000;
  margin: auto;
}
.footer{
  width: 60%;
  height: 200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.author{
  font-family: "Title_1";
  font-size: 27px;
  letter-spacing: 2px;
  font-weight: 900;
  color: #000000;
}
.a_box{
  width: 40%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.link{
  width: 200px;
  height: 60px;
  background: #fed404;
  text-decoration: none;
  font-family: "Raleway";
  font-weight: 900;
  color: #000000;
  display: flex;
  align-items: center;
  font-size: 23px;
  transition: 0.3s;
}
.li_text{
  padding-left: 27px;
}
.link:hover{
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.08) rotate(4deg);
  color: rgb(159 26 28);
}
@media (max-width: 1700px){
  .a_box{
   width: 50%;
 }
 }