.shadow-heavy {
    /*adds a shadow, used for the main image only since it breaks on halfmoon cards*/
    --tw-shadow: 2px 2px 24px rgba(255, 0, 0, 0.7);
    --tw-shadow-colored: 2px 2px 24px var;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-shadow);
}

.rounded-xl {
    border-radius: 0.75rem;
}

.justify-center {
    justify-content: center;
}

.items-center {
    align-items: center;
}


.rounded-md {
    border-radius: 0.375rem;
}

.flex {
    display: flex;
}


#overlaytxt{
    /*makes this text sit on top of image*/
    z-index: 2;
    position:absolute;
    top: 25%;
    margin-left:13%;
    text-align: left;
}
#overlaytxt2{
    font-size: 40px;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;

}

strong{
    font-size: 70px;
    /*text gradient*/
    background-color:#e60a32;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

#nl{
    width:100%;
    height: auto;
    /*blurs the main image*/
    filter: blur(8px);
    -webkit-filter: blur(8px);
}