@font-face {
    font-family: 'biorhyme-expanded';
    src: url('../../_fonts/BioRhymeExpanded.woff') format('woff');
}
html {
    margin:0px;
    padding:0px;
}
body {
    color:#fff;
    font-family: monospace, serif;
    margin:0px;
    padding:0px;
    background: fixed url("841.JPG");
    background-color: #799278;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.slab {
    background: #edebe6 fixed url("ridge.png");
    color:#005;
    padding:0 25px 25px 25px;
    margin:0 25px 0 25px;
    width: 500px;
}
main {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.topslab {
    margin-top:25px !important;
    padding-top:25px !important;
}

/* wawwwwwwwwwwwwww */
.topslab:hover {
    background: fixed url("cool2tile.png");
}

.net {
    margin:0 25px 0 25px;
    width: calc(100% - 50px);
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='23.07' height='40' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='none'/><path d='M17.62 0l-6.07 10.5m2.74 4.76L8.22 4.75m-5.48 0h12.13M.01 0h23.07M6.07 20L0 9.5m2.74-4.75l-6.07 10.5m-5.48 0H3.33m8.2 4.75L0 .02-11.54 20m40.68 0L23.07 9.5m2.74-4.75l-6.06 10.5m-5.49 0H26.4M34.6 20L23.08.02 11.53 20m-5.46 0L0 30.51m2.74 4.75l-6.07-10.5m-5.48 0H3.33m8.2-4.75L0 40l-11.54-19.98zM17.6 40l-6.06-10.5m2.74-4.76L8.2 35.25m-5.48 0h12.13M0 40h23.07L11.54 20.01m17.6 0l-6.07 10.5m2.74 4.75l-6.06-10.5m-5.49 0H26.4M11.53 20h23.08L23.07 40'  stroke-linecap='square' stroke-width='2' stroke='hsla(259, 0%, 87%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(-1,0)' fill='url(%23a)'/></svg>")
}
.one {
    height: 20px;
}
.three {
    height: 61px;
}
h1, h2, h3 {
    padding:0;
    margin:0;
    font-family: biorhyme-expanded, slab, serif;
    text-transform: uppercase;
}
.heaed {
    width: 100%;
}
.rrerr {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between;
}
hr {
    /*border: #393e40 2px solid;*/
    border: #005 2px solid;
    margin:1em 0;
}
.eyessstext {
    margin:25px auto 25px auto;
    display: table;
    padding:10px;
}
a.eyessstext:hover {
    background-color: #000000;
}

.eh {
    padding: 0.35em 1em 1em 1em;
}
.uh {
    display: flex;
    flex-direction: column;
    gap:10px;
    margin:1em 0;
}
em {
    font-weight: bold;
    font-family: biorhyme-expanded, slab, serif;
    text-decoration: underline 2px;
    text-transform: uppercase;
}
.tapeimages {
    display: flex;
    margin-top:10px;
    flex-wrap: wrap;
    gap:1px;
}
.tapeimages img {
    width: 150px;
    height: 96px;
    font-size: 0.8em;
    border-radius: 5px;
}

a.collection:hover {
    background-color: #ffffffa0;
}
a:link, a:visited, a:active {
    color: #00f;
    text-decoration: none;
}
a:hover {
    color: #65c;
}

/* en nu de drop */

.allright {
    display: grid;
    align-items:center;
    gap: 2em 1em;
    grid-template-columns:[titlex] 150px [playex] auto [descrex] auto;
}
.tune {
    grid-column-start: titlex;
    text-align: right;
}
.allright > audio {
    grid-column-start: playex;
    height: 40px; /* check if decent in chrome? */
}
.comment {
    grid-column-start: descrex;
}
a.illegal:link, a.illegal:visited, a.illegal:active {
    color: #d03;
    text-decoration: none;
}

@media (min-width: 750px) {
    .slab {
        width: 750px;
    }
}

@media (min-width: 1666px) {
    .ivydeadlock {
        display: grid;
        grid-template-columns: auto auto;
    }
}