style.css

.gradient-background {
  background: linear-gradient(300deg, #00bfff, #ff4c68, #ef8172);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
}

.profile-img {
  height: 100px;
  border-radius: 50%;
}
.dog{
  height: 85px;
  border-radius: 50%;
}


  /* box-sizing: border-box; */

nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding-top: 5px;
}
nav ul li{
  list-style-type: none;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  
  

  


}
*{
  margin: 0;
  padding: 0;
}
.nav-item a{
  text-decoration: none;
  color: black;
  font-size: 1.1rem;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 1.1rem;
  align-items: center;

}
.nav-item a:hover{
  color: grey;
  text-decoration: underline;

}

.con{
  color: azure;
}

.btn a{
  list-style-type: none;
}

.feed{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-size: 3rem;
}