style.css

body{
font-family: 'DM Serif Text', serif;
  text-align: center;
}

h1,h2,h3{
  font-family: 'DM Serif Text', serif;
  font-weight: 900;
}

p{
  color: #8f8f8f;
}


/* Navbar */
.container-fluid{
  padding: 7% 15%;
}

.navbar-brand{
  font-family: 'Passions Conflict', cursive;
  font-size: 3rem;
  font-weight: bold;
  margin-left: 10px;
}

.nav-item{
  padding: 0 18px;
}

.nav-link{
  font-size: 1.2rem;
font-family: 'Quicksand', sans-serif;
  font-weight:bold;
}

/* Home */
.home{
  display: flex;
}

.image{
  margin: 100px;
  height: 300px;
  width: 300px;
  border-radius: 50%;
}

.describe{
  padding-top: 70px;
  padding-left: 30px;
  color: black;
  font-family: 'Satisfy', cursive;
  font-size: 30px;
  text-align: center;
}


/* Journey */
.journey{
  padding: 50px;
}

.main-container{
   position: relative;
   width: 500px;
   left: 30%;
}

/*creating line for timeline*/
.main-container::after{
   content: '';
   position: absolute;
   width: 10px;
   background-color: #454545;
   top:0;
   bottom: 0;
   left: 50%;
   margin-left: -10px;
}
/*Adjusting box of all content*/
.text-wrapper{
   padding: 10px 40px;
   position: relative;
   width:51%;
   box-sizing: border-box;
   margin: 50px 0;
}
.text-wrapper::after{
   content: '';
   position: absolute;
   width: 30px;
   height: 25px;
   right: -10px;
   background-color:#4f4f4f;
   top:15px;
   border-radius: 50%;
   z-index: 1;
}
/*for left events*/
.left{
   left: 0;
}
/*for right events*/
.right{
   left:50%;
}
.right::after{
   left:-10px;
}
/*content box colour padding and radius for circular corner*/
.content{
   padding: 15px 15px 15px 17px;
   background-color: #bbbbbb;
   border-radius: 4px;
   text-align: center;
}
/*setting text property of event heading*/
.content h3{
   text-transform: uppercase;
   font-size: 14px;
   color: #212121;
   letter-spacing:1px;
   text-align: center;
}
/*setting text property of event content*/
.content p{
   color: #616161;
   font-weight: 300;
   font-size: 18px;
   margin-top: 2px;
   text-align: center;
}