*
    {
        margin: 0;
        padding: 0;
        font-family: 'Public Sans', sans-serif;
    }

.banner
    {
        background-image: url(frontimagesquare.png);
        height: 500px;
        width: 500px;
        position: relative;
        background-position: center;
        background-size: contain;
        margin: 100px auto;
    }

.text a
    {
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 40px;/*40px*/
        font-weight: 700;
        letter-spacing: -4px;/*-4px*/
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
        display: inline-block;
    }

.back a
    {
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 40px;
        font-weight: 700;
        letter-spacing: -4px;
        bottom: 0%;
        left: 1%;
    }

.list a
    {
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 40px;
        font-weight: 700;
        letter-spacing: -4px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.nft a
    {
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 40px;
        font-weight: 700;
        letter-spacing: -4px;
        top: 0%;
        left: 1%;
    }

table
    {
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: -2px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 90%;
        text-align: center;
    }

.contact a
    {
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 40px;
        font-weight: 700;
        letter-spacing: -4px;
        bottom: 0%;
        right: 2%;
    }

.order a
    {
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 40px;
        font-weight: 700;
        letter-spacing: -4px;
        top: 0%;
        right: 2%;
    }

.order b
    {
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 21px;
        font-weight: 700;
        letter-spacing: -1px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: left;
        margin-right: -20%;
    }

.care a
{
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 40px;
        font-weight: 700;
        letter-spacing: -4px;
        bottom: 0%;
        right: 2%;
}

.care b
{
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: -1px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: left;
        white-space: nowrap;
}

.rtw a
{
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 40px;
        font-weight: 700;
        letter-spacing: -4px;
        top: 0%;
        right: 2%;
}

.rtw b
{
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 21px;
        font-weight: 700;
        letter-spacing: -1px;
        top: 75%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: right;
        text-wrap: nowrap;
}

.img
{
    height: 220px;
    width: 220px;
    background-repeat: no-repeat;
    border: 2px solid black;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 50%;
    left: 28%;
    transform: translate(-50%,-50%);
}

.readytowearimage1
{
    background-image: url(1.Front.AverySquared.11.29.2023.png);
}

.readytowearimage2
{
    background-image: url(1.Back.AverySquared.11.29.2023.png);
}


.poem a
{
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 40px;
        font-weight: 700;
        letter-spacing: -4px;
        top: 0%;
        right: 2%;
 }

 .poem b
 {
        color: white;
        text-decoration: none;
        position: absolute;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: -1px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: left;
        white-space: nowrap;
 }

 .process
 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);    
 }

 .quote1
 {
    color: white;
    text-decoration: none;
    position: absolute;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -1px;
    top: 75%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: right;
    white-space: nowrap;
    text-wrap: wrap;
    margin-right: -17%;
 }

 .quote1 a {color: inherit;}

 .quote2
 {
    color: white;
    text-decoration: none;
    position: absolute;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -1px;
    top: 25%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: right;
    text-wrap: wrap;
    margin-right: -17%;
 }
 
 .quote2 a {color: inherit;}