style.css

#mynavbar {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  /* font-family: 'Roboto', sans-serif; */
}
#mynavbarp2 {
  font-weight: 400;
  font-size: smaller;
}
/* Sign-in dropdown  */
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: unset;
  right: 1%;
  margin-top: 1rem;
}
.dropdown-menu {
  min-width: 17rem;
}

.changeinfont {
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.625rem;
}
.changeinfont2 {
  letter-spacing: 0.188rem;
}
.signinbtn {
  border: 1px solid black;
}
.signinbtn:hover {
  border: 1px solid rgb(211, 207, 207);
  background-color: rgb(211, 207, 207);
}
.signup > button:hover {
  border: 0;
  background-color: red;
}
#orangediv {
  color: white;
  background-color: #fe3b20;
  /* width: 100%; */
  height: 18.75rem;
}
.bgimaget {
  outline: 1px solid red;
}
.bgimage1 {
  background-image: url("https://n.nordstrommedia.com/id/44648fdb-be56-4600-addb-6d3c7ba21f2c.jpeg?h=200&w=1608");
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.bgimage2 {
  background-image: url("https://n.nordstrommedia.com/id/b1069614-2540-4b45-b35a-8d93da522e97.jpeg?h=600&w=1608");
  height: 28rem;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  background-position: center center;
}
.bgimage3 {
  background-image: url("https://n.nordstrommedia.com/id/199745ce-b775-482a-aa3b-8b49e8bf0ff2.gif?h=200&w=1608");
  height: 10rem;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center center;
}
.bgimage3 > p {
  position: absolute;
  left: 37%;
  top: 36.5%;
  width: 41.04%;
}
.bgimage3 > div {
  position: absolute;
  right: 1%;
  top: 36.5%;
  width: 41.04%;
}
.bg2text {
  position: absolute;
  left: 12%;
  top: 55%;
  letter-spacing: 0.5px;
}
.cursorForImg {
  cursor: pointer;
}
.lettersphead {
  letter-spacing: 5px;
}

/* Image overlays */
.image-container {
  position: relative;
}
.image-container .after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  color: #fff;
}
.image-container:hover .after {
  display: block;
  background: rgba(7, 7, 7, 0.753);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/* back to top btn */
.back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
}
/* modal filter */
.modal-open .container-fluid,
.modal-open .container,
.modal-open #mynavbar,
.modal-open .topbar {
  filter: blur(3px);
  /* -webkit-filter: blur(5px) grayscale(90%); */
}

/* .dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  margin-top: 0px !important;
  width: 100% !important;
} */

/* Media Queries */
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 25rem;
    /* list-style-position: inside; */
  }
}
@media (max-width: 720px) {
  .bgimage3 > p {
    left: 7%;
  }
  .bgimage2 {
    height: 13rem;
  }
}
/* fullpage dropdown */
.dropdownNS {
  /* float: left; */
  overflow: hidden;
}

.dropdownNS:hover .btn {
  border-bottom: 1.5px solid black;
}
.megaContent {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 1;
}
.dropdownNS:hover .megaContent {
  display: block;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.megaColumn {
  /* float: left; */
  width: 100%;
  /* height: 90vh; */
  background-color: #fff;
}
.megaColumn a:hover {
  border-bottom: 1.5px solid black;
  font-weight: 500;
}
.fs-h1 {
  font-size: 14px;
}
/* fullpage dropdown over */

/* footer */
footer {
  background-color: #f9f9f9;
}
footer ul li:hover {
  text-decoration: underline;
  cursor: pointer;
}