Rstyle.css

*{
  list-style:none;
  text-decoration: none;
  font-family: 'Assistant';   
}

.bkc{
  background-color:#F8F4E9;
}

.container1 {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin:10px;
}
h1{
  text-align:center;
  letter-spacing: 2px;;
}

.container2 {
  display: flex;
  flex-direction:row-reverse;
  justify-content: space-evenly;
  align-items: center;
  margin:10px;
}

.img {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
  padding: 40px 30px;
}

.box2 {
  color: #000000;
  font-size: 16px;
  line-height: 25px;
  text-align: justify;
}

.p {
  color: #000000;
  font-size: 16px;
  line-height: 25px;
  text-align: justify;
}

.bbtn{
  color:rgb(0, 0, 0);
}

.bbtn button{
  width:100px;
  height:30px;
  border-radius:25px;
  background:transparent;
  color:rgb(10, 10, 10);
  font-size:16px;
  border: 1px solid crimson;
  transition:0.5s;
}

.bbtn button:hover{
  background:crimson;
  transform:scale(1.1,1.1);
}

/* Footers */
.footer {
  background-color: #333;
  color: black;
  padding: 20px;
  text-align: start;
  display: flex;
  flex-grow:1;
  justify-content: center;
  align-items: center;
}

.footer p{
  margin-right:90px;
}

.footer img {
  width: 30px;
  margin: 0 10px;
}

a:hover{
  transform:scale(1.2,1.2);
}

a{
  margin-right:15px;
}