:root {
 --height:600px;
 --border:2px solid #5BC272;
 --background-image: linear-gradient(90deg, #B3FF9C,white,white,white, #B3FF9C);
 --color:#43B041;
}
body {
    font-family:MS UI GOTHIC;
    background:url('https://i.pinimg.com/1200x/d1/cc/23/d1cc239d3d76789fab3ea4dc2280b148.jpg');
    background-size: cover;
    background-repeat:no-repeat;
}
.container {
    display: grid;
    grid-template-columns: 1fr 4fr 1fr;
    max-width:1000px;
    height:var(--height);
    margin:auto;
    justify-content:center;
}

.side {
    border:var(--border);
    background-image: var(--background-image);
    box-sizing: border-box;
    width: 100%;
}
.side nav {
    margin:10px;
}
.side2 {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
}

.upheader {
    background-image: linear-gradient(white,white, #85E685);
    border:3px solid #85E685;
    background-color:white;
    padding:4px;
    color:var(--color);
}

#iframeframe {
    height: var(--height);
    min-width: 0;
    border-radius: 10px;
}

#iframeframe iframe {
    border: var(--border);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
}

#statuscafe-username {
    margin-bottom: .1em;
    font-size:10px;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
    font-size:10px;
}
#statuscafe {
    padding:5px;
    font-weight:bold;
}

li {
    list-style-type: none;
    margin-bottom:7px;
    border:2px solid #5BC272;
    background-image: linear-gradient(15deg, #B3FF9C,white,white);
    padding:5px;
    width:100px;
    border-radius:10px;
}
            
a {
    text-decoration: none;
    font-size: 17px;
    color: var(--color);
    }
a:hover {
    color:lime;
    font-style:oblique;
}