.border{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: .5rem;
    z-index: -1;
}

.border-longer{
    top: -3.75rem !important;
    left: -4rem !important;
    height: 5rem;
    width: 27rem;
    padding: 3rem !important;
}

.border-large{
    top: -0.5rem !important;
    left: -0.5rem !important;
    padding: 1rem;
}

.border-dashed{
    border-style: dashed !important;
}


.border-round{
    border-radius: 50%;
    padding: 0.75rem 2rem;
    top: -1.125rem;
    left:-2rem;
}   

.border-primary{
    border: 6px solid var(--primary);
}
.border-alt{
    border: 6px solid var(--alt);
}
.border-third{
    border: 6px solid var(--third);
}
.border-yellow{
    border: 6px solid var(--yellow);
}
.border-gold{
    border: 6px solid #dbbc15;
}

.border-left{
    transform: rotate(-1.5deg);
}
.border-right{
    transform: rotate(1.5deg);
}

.border-rotating{
    animation: rotate 1.5s alternate-reverse infinite;
}

@keyframes rotate {
    from{
        transform: rotate(-1.5deg);
    }
    to{
        transform: rotate(1.5deg);
    }

}