p{
  color:black;
  font-size: 5px;
  font-family:'Helvetica';
  }

div{
  font-family: <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bellefair&display=swap" rel="stylesheet">
; 
  font-size: 5px;
  background-color:rgba(143, 225, 240, 0.637);
  padding-top: 50px;
  padding-bottom: 50px;
  border-color:azure;
  border-style: solid;
  border-width: 3px;
  margin-bottom: 50px;
  margin-top: 50px;
  text-align: center;
}

.bg-color{
  background-color: azure;

}
.navbar a{
    color: black;
}

.bg-color :hover{
  color:black;
  background-color:aqua;
}

.big{
  font-family: 'Great Vibes', cursive;
  font-size: 15px;
  background-color:rgba(241, 215, 239, 0.89);
  padding-top: 50px;
  padding-bottom: 50px;
  border-color:rgb(250, 242, 250);
  border-style: solid;
  border-width: 3px;
  margin-bottom: 50px;
  margin-top: 50;
  text-align: center; 
}

.dog{
  font-family:cursive;
  background-color:rgba(185, 175, 228, 0.582);
  padding-top: 50px;
  padding-bottom: 50px;
  border-color:rgb(248, 233, 254) ;
  border-style:solid;
  border-width: 3px;
  margin-bottom: 50px;
  margin-top: 50;
  text-align: center; 
}

.animate-left1{
Position:relative;
animation:animateleft 0.4s
}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}

.animate-right1{
 position:relative;
 animation:animateright 0.4s
}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}