/* global selector */
* {
    background-color: rgb(248, 242, 235);
    font-family: "Lucida Console", monospace;
}

h1 {
    font-size: 1rem;
    background-color: rgb(221, 204, 186);
    color: rgb(41, 48, 69);
}

h5 {
    background-color: rgb(206, 206, 206);
    font-size: 10px;
}

/* fix the earring images links */
#allEarringsImg {
    object-fit: cover;
    width: 45%;
    height: 400px;
    margin: 0.75%;
    margin-top: 3%;
    margin-left: 2.5%;
}

#bigBowEarrings {
    width: 13.5%;
    height: 24%;
    margin: 0.75%;
    margin-top: -11.15%;
    margin-left: -1%;
}

#bunny2Closer {
    width: 300px;
    height: 150px;
    object-fit: cover;
    margin: 0.75%;
    margin-left: 48%;
    margin-top: -14.9%;
}

#ksButterfly {
    width: 13.5%;
    height: 24%;
    margin: 0.75%;
    margin-top: -49%;
    margin-left: -10.5%;
}

#shinyBowEarrings {
    width: 230px;
    height: 150px;
    object-fit: cover;
    margin: 0.75%;
    margin-left: 72.7%;
    margin-top: -18.8%;
    object-position: 0px -100px;
}

#lemonadeEarrings {
    width: 13.5%;
    height: 24%;
    margin: 0.75%;
    margin-top: -52.8%;
    margin-left: -14.9%;
}

/*edit footer Container */
#footerContainerFluid {
    background-color: rgb(206, 206, 206);
    color: rgb(68, 67, 80);
    padding: 1rem;
    padding-top: 2.2rem;
    text-align: center;
}

/* nav bar edita */
.navbarEdit {
    height: 200%;
    margin-top: 0.2rem;
    background-color: rgb(221, 204, 186);
}

/* nav bar links */
.link{
    background-color: rgb(244, 245, 249);
    color: rgb(39, 38, 53);
    margin-left: 50px;
    margin-top: 100000000px;
    text-decoration: none;
    transition-duration: 2ms;
  }

.linkImage {
    text-decoration: none;
    margin-right: -0.5%;
}

/* container with heading after nav */
.container-fluid {
    background-color: rgb(221, 204, 186);
    color: rgb(41, 48, 69);
    padding: 4rem;
    padding-bottom: 15rem;
    text-align: center;
}

.container {
    margin-top: -9%;
}

.moveImages {
    padding-top: 1%;
    margin-left: 4%;
}

.link:hover {
    transition-duration: 2s;
    text-decoration: underline;
    text-decoration-color: rgb(108, 134, 148);
}