body {
    font-family: Copperplate, fantasy;
    color: #20122C;
    overflow-x: hidden;
    box-sizing: border-box;
    line-height: 1.2;
}

::selection {
    background: #DCAD50;
}

h1, h2, h3 { font-family: Lucida Handwriting, cursive; font-weight: normal; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }


.box500 { width: 500px; margin: auto; }
.box700 { width: 700px; margin: auto; }
.box900 { width: 900px; margin: auto; }
.box1100 { width: 1100px; margin: auto; }


.grid-container {
    display: grid;
    gap: 20px;
    justify-content: space-evenly;
}

.col5 { 
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
    grid-template-rows: auto auto auto auto auto auto auto auto;
}



.broider-white {
    border-image:  url("") 14 /  14px / 0 round;
    border-width:  14px;
    border-style:  solid;
}

.broider-blue {
    border-image:  url("") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
}

.broider .box500 { width: 500px; margin: auto; }
.broider .box700 { width: 700px; margin: auto; }