body {/*background-image: url(images/dithered\ space.png); */background-size: cover; background-color: #008080;}
.box {display: grid;margin-left: 15%; margin-right: 15%; column-gap: 5px;grid-template-columns: 16% auto;margin-top: 3%; row-gap: 10px; }
.title {grid-row: 1; text-align: center; grid-column: 1 / span 2; background-color: oklab(34.229% 0.07563 -0.09858 / 0.534); color: rgb(0, 0, 0);font-size: 50px; margin: 2px; border-radius: 20px; border: 3px solid black;}
.stamps {grid-row: 2; grid-column: 1 / span 2; overflow: hidden; background-color: rgba(0,0, 0, .5); border-radius: 10px;}
.stamp-track {display: flex; gap: 12px; width: max-content; animation: scroll 25s linear infinite;}
.stamp-track img{height: 50px; width: auto; flex-shrink: 0; image-rendering: pixelated; transition: transform .2s;}
.stamp-track img:hover{transform: scale(1.15) rotate(-3deg);}
@keyframes scroll{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(-50%);
    }
}
.body {background-color: rgba(0, 0, 0, 0.86);grid-column: 2;grid-row: 3; border-radius: 5px; width: auto; color: white;}
.welcometext {margin-left: 1%; margin-right: 1%;}
.list {
    grid-column: 1;
    grid-row: 3;
    
}

.list .window {
    width: 100%;
    min-height: 100%
   
    
}

.window-body {
    padding: 10px; background-color: grey; 
      border-left:2px solid rgb(196, 196, 196);
    border-top:2px solid rgb(196, 196, 196);
    border-right: 2px solid rgb(34, 34, 34);
    border-bottom: 2px solid rgb(34, 34, 34);
    
    
}
.home {
    padding: 8px;
    text-align: center;
    font-family: "Tiny5";
    transition: .2s;
    cursor: pointer;
}

.home:hover {
    transform: scale(1.5);
}
h1 {text-align: center;}
.webmasterbox {display: grid; grid-template-columns: 258px auto; margin-top: 2%;}
.webmasterwords {grid-column: 2; grid-row: 1; margin-right: 5px;}
.webpic {grid-column: 1; border: 2px solid green; border-radius: 15px; background-image: url(images/WATER01B.GIF); grid-row: 1; margin: 5px;}
.hobbit {color: rgb(163, 33, 33); font-family: "Uncial Antiqua", system-ui;}
.what {grid-column: 1 / span 2; margin: 5px;}



#statuscafe {
    padding: .5em;
    background-color: grey;
    border-left:2px solid rgb(196, 196, 196);
    border-top:2px solid rgb(196, 196, 196);
    border-right: 2px solid rgb(34, 34, 34);
    border-bottom: 2px solid rgb(34, 34, 34);
}
#statuscafe-username {
    margin-bottom: .5em;
    font-family: Tiny5;
}
#statuscafe-username a {color: purple;}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
    color: black;
    font-family: Tiny5;
}

.next {display: grid; grid-column: 1 / span 2; grid-template-columns: auto 240px;}
.text {grid-column: 1; grid-row: 1; margin-left: 5px;}
.nextpic {grid-column: 2; grid-row: 1; background-image: url(images/rainbowstr.gif); border-radius: 10px; border: 2px solid white; margin: 5px;}