.box {
    width: 100%;
    max-width: 800px;
    margin:auto;
    display: grid;
    grid-gap: 10px;
    border: 60px solid;
   border-image: url('https://hillhouse.neocities.org/materials/borders/images/lace.png') repeat;
   border-image-slice: 84;
   border-image-outset: 1px;
}

header {
    height: 150px;
    background-image: url("site img/fable.png");
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}

footer {
    height: 100px;
    background-image: url("site img/message.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

header, main, whatevrer, main2, main3, main4, main5, credits {
    border: #000000 2px solid;
    border-radius: 0px;
    border-style: solid;
    border-color: #ffffff;
    background-color: #53260276;
    
}