@import "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://fonts.bunny.net/css?family=albert-sans:200,300,400,500,700");


body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 90vh;
  background-color: black;
  font: 1rem "Albert Sans", sans-serif;

    img {
        width: 184px;
        height: 184px;
        /* border: 3px solid white;
        border-radius: 100px; */
        margin-bottom: 30px;
    }
}

h1 {
  font-size: 3rem;
  color: white;
  font-family: Albert Sans, sans-serif;
  font-weight: 700;
  text-align: center;
}

h2 {
  font-size: 1.5rem;
  color: white;
  font-family: Albert Sans, sans-serif;
  font-weight: 300;
  text-align: center;
}
/* .buttons_pt2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.buttons_pt2 .btn {
  margin-right: 10px;
  padding-right: 50px
} */

/* button span {
    margin-right: 10px;
} */

.buttons {
    display: flex;
    justify-content: center;
    align-items: center;
  }

.buttons_pt2 {
    padding-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.buttons .btn, .buttons_pt2 .btn {
    /* existing styles... */
    display: flex; /* make the button a flex container */
    justify-content: space-between; /* distribute space between icon and text */
    align-items: center; /* center content vertically */
    padding: 10px 20px;
    margin: 0 5px;
    margin-top: 2.5px;
    width: 175px;
}

div.buttons a, div.buttons_pt2 a {
    text-decoration: none !important;/* remove underline */
}

button span {
    /* existing styles... */
    display: flex; /* make the icon a flex container */
    justify-content: center; /* center icon horizontally */
    align-items: center; /* center icon vertically */
}

div.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.25);
    position: fixed;
    bottom: 0;
    width: 100%;
}

div.footer p, div.footer a {
  text-decoration: none !important;
  color: rgba(255, 255, 255, 0.250);
}