body{
  display: flex;
  
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
background-color:lightcoral;
  background-repeat: no-repeat;
  height: 100vh;

  font-family: 'Josefin Sans', sans-serif;
  font-family: 'Young Serif', serif;
  background-size: cover;
}
a{
  text-decoration: none;
  color: rgb(255, 18, 18);
}
.line{
  height: 60vh;
  background: rgb(255, 255, 255);
     width: 2px;
}
.card{
  display: flex;
    flex-direction: row;
    align-content: space-between;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    max-width: 70vw;
    text-align: center;
    background-color: #6337b4c0;
    box-shadow: 0px 0px 15px #4b4b4b;
    height: 80vh;
    overflow-y: auto;

    
}
.card > .bg-img
{
  font-size: 6rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
 width: 30%;
  height: 60vh;
  background-image: url(./f.webp);
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 5%;

} 
.card > h1{
  font-size: 6rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;


} 
.card > .p{
  font-size: 2rem;
  color: #ffffff;
  padding-left: 20ox;
  height: 60vh;
  width: 60%;
}