.broider {
    border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACcUlEQVR4AeyaUW4DIQxE297/zmn4icyIsGsYNiR5VVbCeG3GD8vNR/5+/H+3e8r43M2P+sTayroqbgXQ6oBvMwBqvnGAbgi0zJH4/N41xif6yvrufqtP0RyfWFtZR9+NDjXfLUABaiZgTjfSodXMaOhRf5kz8WmEbLWl+lWc+mNtvyNA9QDsQACgAYZjCVAHxZDjDFCdGSG8uaxmSvONvTat9Z0Bulf5m6sBqPmCAHoBUOtMaejV/KttlaDnqV/t1P8EOlTxTdoAnQSo4QBVIpP2CNDUTGno0/jVdkNCd0v1dF9W5whQzYEdCAA0wHAsAeqgGHIUoPq9TGeI2iH89PKVL15aXwH6ymI/7myAmq8UoAuAZmekziSzJHu6S+ujQ833B1CAmgmY09GhADUTMKejQwFqJmBOt3OHmku9Jh1AzZwBClAzAXM6OhSgZgLmdHQoQM0EzOnoUICaCZjT0aEANRMwp/u0DjXjyacDaJ5ZNwKgXTx5J0DzzLoRAO3iyTsBmmfWjQBoF0/eCdA8s27ECNCj3wq922+fFNBUfSNAVQB2IADQAMOxBKiDYsjhAKozU2eQ+sPxWyyPRKj+bn0OoEeCvsoPUPN1A3QDoDpTVJL6debo+7vZql/1qb+qjw5VXJM2QCcBajhAlcikfQaozoyjI6uZ0nhZ8622GxKqLT2/cjaMbn1ngDZysvWMAECfkRncB+gguGdhLaDWmdI4WGfQalslOOrTnA+7BfThZJEnANA8s24EQLt48s4RoDrz8qfuHTFV3wjQvXG8WB1AzRcA0AVA9XuZzhC1zRKWp7u0PjrUfJ8ABaiZgDndPwAAAP//v1IF3gAAAAZJREFUAwA5aMChF64C7QAAAABJRU5ErkJggg==") 28 / 28px / 0 round;
    border-width: 28px;
    border-style: solid;
}

header {
    padding: 15px;
    text-align: center;
    font-size: 40px;
    font-family: writing;
    color: black;
}

article {
    padding: 10px;
    text-align: center;
    font-size: 25px;
    font-family: writing;
    color: black;
}

@font-face {
    font-family: writing;
    src: url(DripOctober-vm0JA.ttf)
}