body {
    font-family: Ink Free, sans serif;
    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 .box500 { width: 500px; margin: auto; }
.broider .box700 { width: 700px; margin: auto; }