@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap");

nav {
  border-bottom: 5px solid sandybrown;
  background-color: #12263b !important;
}
body {
  background-color: #13263a;
  scroll-behavior: smooth;
}
.banner {
  background: url("../images/img2.jpg") center/cover no-repeat !important;
  height: 25vh !important;
  z-index: 1;
}
h1 {
  font-family: "Montserrat", sans-serif;
  /* background: rgba(18, 38, 59, 0.5) !important; */
}
.img-overlay {
}
.bio {
  margin-top: -100px;
}
.bg {
  background-color: rgba(44, 47, 51, 0.9) !important;
  z-index: 5;
}
.inprogress {
  position: absolute;
  bottom: 10;
  right: 15;
}
#confirmation {
  position: fixed;
  height: 20vh;
  width: 30vw;
  background-color: white;
  bottom: 0;
  /* right: 5; */
  border-radius: 10px;
  padding: 25px;
  display: none;
}
@keyframes slide {
  from {
    right: -200px;
  }
  to {
    right: 5px;
  }
}
.show {
  display: block !important;
  animation: slide 0.5s ease-out forwards;
}