.board{
    position: relative;
    min-height:calc(100vh - var(--cabinet-height));
    width: 100%;
    display: flex;
    justify-content: center;
}
.board-background{
    background-color: rgb(76, 48, 29);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position:absolute;
    filter:url(/resources/svg/textures.svg#wood);
}
.board-content{
    padding: 2lh 2ch;
    max-width: 100%;
    display: grid;
	filter: drop-shadow(.25em .25em .25em rgba(0, 0, 0, .5));
}

.board-content>:nth-child(odd):not(body):not(html){
    transform: rotate(.5deg);
}
.board-content>:nth-child(even):not(body):not(html) {
    transform: rotate(-.5deg);
}

.papersheet{
	--f: .8; /* fraction of line the hole occupies */
	--b: 1.5lh; /* at least 1lh to fit */
    --t: 2lh; /* holes period */
    --ph: 2lh; /* lateral padding */
    --pv: .5lh; /* vertical padding */
    --w: 60ch; /* paper width */
	font-family: "Special Elite", monospace;
    line-height: 1.5;
    position: relative;
    
    overflow-wrap: break-word;
    width: var(--w);
    padding: var(--pv) var(--ph) var(--pv) var(--ph);
    box-shadow: 0 0 5lh #c69f5c inset;
    background: #f0f0d1;
    border-radius: 2px;
    mask: radial-gradient(
        calc(.5*var(--f)*1lh) at calc(.5*var(--b)), 
        #00000000 calc(100% - 1px),
        rgb(0, 0, 0)) 0 0/ calc(100% - var(--b)) var(--t) no-clip;
    filter: blur(min(.25px,.05vw)) url(/resources/svg/textures.svg#paperdistortion) blur(min(.125px,.025vh)) url(/resources/svg/textures.svg#papergrain);
}

.papersheet p{
    margin: 0;
}

.papersheet a{
    color: inherit;
}

.papersheet>header{
    padding-bottom: .5lh;
    border-bottom: double black 4px;
    margin-bottom: .5lh;
}

.papersheet hgroup p {
  margin: 0;
  font-weight: bold;
}
.papersheet hgroup h1{
  margin-bottom: 0;
}

.papersheet hr{
    color:black;
    border-color: black;
    border-left:none;
    border-bottom:none;
    border-top:1.5px solid black;
    margin-top: .5lh;
    margin-bottom: .5lh;
}
.papersheet .doublehr{
    height:1px;
    border-left:none;
    border-right:none;
    border-top:1.5px solid black;
    border-bottom:1.5px solid black;
    margin-top: .5lh;
    margin-bottom: .5lh;
}
.papersheet .cursive{
    font-family: 'Meow Script', cursive;
    font-size: 1.3em;
    line-height: .8lh;
}

.papersheet .staple{
    position:absolute;
    height: .2ch;
    width: 4ch;
    border-radius: 1ch;
    background-color: rgb(119, 127, 125);
    background: linear-gradient(90deg, rgb(224, 224, 224) 0%, rgb(122, 128, 125) 15%, rgb(128, 135, 133) 69%, rgb(193, 204, 188) 90%, rgb(102, 108, 107) 100%);
    box-shadow: 1px 1px 2px -.5px;
}