.border1 {
    background-color: rgba(250, 235, 215, 0.711);
    border: 10px solid black;
    background-color: rrgb(0, 0, 0)(250, 235, 215, 0.711);
    border-image: url("../assets/Images/Borders/Border1.png") 100 / 30px round;
    box-sizing: border-box;
}

.border2 {
    border: 10px solid red;
    background-color: #faebd7b5;
    border-image: url("../assets/Images/Borders/Border2.png") 220 / 30px round;
    box-sizing: border-box;
}

.border3 {
    background-color: transparent;
    border: 10px solid black;
    border-image: url("../assets/Images/Borders/Border3.png") 110 fill / 30px round;
    padding: 20px;
    box-sizing: border-box;
}
.border4 {
    background-color: transparent;
    border: 10px solid black;
    border-image: url("../assets/Images/Borders/Border4.png") 100 fill / 30px round;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;

    font-family: Zedou, Helvetica !important;
    color: white;
}

.border4-line {
    background-image: url("../assets/Images/Borders/Border4Line.png");
    background-size: contain;
}

.border5 {
    background-color: transparent;
    border: 10px solid black;
    border-image: url("../assets/Images/Borders/Border5.png") 333 fill / 40px round;
    padding: 30px;
}

.border6 {
    border: 4px solid #FF8532;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid #0E4CA5;
    border-radius: 1px;
    background-color: rgb(237, 222, 203);
}

.border7 {
    padding: 5px;

    border: 3px solid burlywood;
    background-color: antiquewhite;
    border-radius: 5px;
}

.border-button {
    padding: 5px;

    border: 3px solid var(--style) !important;
    background-color: antiquewhite;
    border-radius: 5px;

    cursor: pointer;
}
.border-button:hover {
    filter:brightness(80%) sepia(70%);
}
.border-button:active {
    filter:brightness(70%) sepia(80%);
}



.no-border {
    border: none;
    background-color: transparent;
}