/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
  background-image: url("bkg.webp");
}

.btn-primary {
  color: #ffffff;
  background: linear-gradient(to bottom right, #9853af, #623AA2);
  border-color: #913ad8;
  transition: all .1s ease-in-out;
}

.hover {
transition: all .1s ease-in-out;
}
.hover:hover {
transform: scale(1.05);
}

.link a:visited {
  color: #623AA2;
  text-decoration: none;
}

.link a:hover {
  color: #9853af;
  text-decoration: underline;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}