#strand-art {
    width: auto;
    position: relative;
}

#shirt {
    width: 100%;
    height: 100%;
}

#design {
    position: absolute;       
    left: 50%;
    transform: translate(-50%, 0%);
    width: 25%;
    top: 25%;
    z-index: 11;
}
#final-design {
    position: absolute;       
    left: 50%;
    transform: translate(-50%, 0%);
    width: 55%;
    top: 15%;
}

.shirt-shadow {
    filter: drop-shadow(0px 10px 50px rgb(0 0 0 / 0.4));
}

#loading {
    position: absolute;       
    left: 46%;
    width: 8%;
    height: 8%;
    top: 37%;
    border-width: 5%;
}

#strand-name{
    position: absolute;
    color: black;
    left: 37.6%;
    top: 22.5%;
    z-index: 10;
    width: 10%;
    font-family: mont;
    /* text-transform: lowercase; */
}

#strand-description{
    position: absolute;       
    left: 50%;
    transform: translate(-50%, 0%);
    width: 38%;
    top: 16.3%;
    z-index: 10;
}

#placeholder {
    border: 2px dotted black;
    height: 500px;
    width: 200px;
}

#generating {
    z-index: 100;
    position: absolute;
    transform: translate(-50%, 0%);
    right: 44%;
    top: 39%;
}

#prev-design{
    position: absolute;
    left: 5px;
    top: 50%;
    width: 20px;
    cursor: pointer;
}
#next-design{
    position: absolute;
    right: 5px;
    top: 50%;
    width: 20px;
    cursor: pointer;
}