nav{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  background-color: #EDEFF3 ;


}
.nav_ul{
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 20px;

}
ul>li>a{
  margin: 20px ;
  font-style: normal;
  font-size: 30px;
  text-decoration: none;
  color:#525254  ;

}
ul>li:hover{
  transform: scale(1.10);
}
.image_home{
  background-image: url(img.jpg);
  background-size: cover;
  width: 98vw;
  height: 64vh;
  margin: 0 10px 10px 10px;

}
.intro{
  display: flex;
  flex-direction: column;
  -webkit-clip-path: polygon(0 0, 100% 0, 62% 98%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 62% 98%, 0% 100%);

}
.intro h1{
  font-size: 48px;
  color: #ffffff;
  align-self: center;

}
.intro p{
  margin-left: 29px;
    font-size: 21px;
    font-family: sans-serif;
    color: #ffffff;
}

.container{
  display: flex;
  flex-direction:column;
}
 .container h1{
   font-size: 48px;
   color: #000000;
   align-self: center;
   align-items: center;
 }
 .card_wraper{
   display: flex;
   flex-direction: row;
   justify-content: center;
 }
 .card{
  display: flex;
  flex-direction: column;
  width: 310px;
  height: 620px;
  background-color: #ffffff;
  align-items: center;
  justify-content: flex-start;
  margin: 20px 30px;
  box-shadow: 5px 5px 0.3rem rgba(0,0,0,0.2);
 }
 .image{
   height: 220px;
   width: 310px;

 }
 h2{
   font-family: sans-serif;
   font-size: 28px;
   align-self: center;
 }
.card .button{
  background-color: #2d2d2d;
  height: 27px;
  width: 122px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  font-size: 21px;

}
footer{
  height: 64px;
  width: 100vw;
  background-color: #2d2d2d;
}
.in_container{
  display: flex;
  flex-direction: column;
}
.in_container h1{
  font-size: 48px;

  color: #000000;
  align-self: center;
  align-items: center;

}
.in_card_wraper{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.in_card{
  display: flex;
  flex-direction: column;
  width: auto;
  height: 439px;
  background-color: #ffffff;
  align-items: center;
  align-self: center;

  margin: 20px 30px;
  box-shadow: 5px 5px 0.3rem rgba(0,0,0,0.2);
}
.in_card p{
  font-size: 22px;
  font-family: cursive;
}
.r_card h1{
  font-size: 48px;

  color: #000000;
  align-self: center;
  align-items: center;

}
.r_card{
  display: flex;
  flex-direction: column;
  width: auto;
  height: auto;
  background-color: #ffffff;
  align-items: center;
  align-self: center;

  margin: 20px 30px;
  box-shadow: 5px 5px 0.3rem rgba(0,0,0,0.2);

}
.r_card li{
  font-size: 26PX;
  font-style: italic;
}
.r_card a{
  color:#6a3535;
  text-decoration: none;
}