@font-face {
    font-family: cardinal;
    src: url(/font/SPINSTEE.TTF);
}

html {
    background-color: #cbe3cb;
    background-image: url("/tile1.jpg");
    background-size: auto;
}

body {
    display: flex;
    justify-content: center;
    height: 90vh;
    padding: 2em;
}

.left {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: end;
    text-align: right;
}

.right {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: start;
    text-align: left;
}

a:link {
    color: rgb(164, 19, 3);
    text-decoration: underline wavy 2px;
    word-spacing: 10px;
    font-size: 3em;
    font-family: cardinal;
    border: 20px solid transparent;
    border-image: url("/border1.png") 17 round;
    border-image-slice: 34 fill;
    padding: 2px;
    margin: 2px;
}

a:hover {
    color: rgb(9, 91, 9);
    text-decoration: underline wavy 2px;
}

a:visited {
    color: rgb(153, 59, 5);
    text-decoration: underline wavy 2px;
}