body {
    overflow-x: hidden;
    overflow-y: auto;
    background: #000 url(rainjoke_bg.png) center fixed;
    font-family: "Courier New", Courier, monospace;
    color: #bbb;
}

.main {
    background-color: rgba(13, 0, 20, 1);
    max-width: 800px;
    margin: auto;
    height: 100%;
}

.banner {
    max-width: 800px;
    max-height:165px;
}

.teext {
    max-width: 100vw;
    padding: 3%;
}

#tyvnjam {
    color: #ff7ccb;
    font-weight: bold;
}

    #tyvnjam table {
        background-color: #aa006736 !important;
    }

.button {
    font-family: "Courier New", Courier, monospace;
    background: #00968f;
    color: #fff;
    text-align: center;
    font-size: x-large;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: bold;
    text-shadow: #006361 2px 2px 2px;
    border: none;
}

h1 {
    color: #ff0099;
    margin:0px;
}

details {
    color: #feb3ce;
    font-weight: bold;
}

p {
    font-weight: bold;
    color: #feb3ce;
    margin-top: 10px;
    margin-bottom: 10px;
}

a:link,
a:visited {
    color: #00968f;
    text-decoration: none;
}

a:hover,
a:active {
    color: #00968f;
}

.cunty {
    display: flex;
    flex-direction:row;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: center;
}

.left_cuntycolumn {
    display:flex;
    flex-direction:column;
    flex:1;
    padding-right:20px;
}

.right_cuntycolumn {
    display: flex;
    flex-direction: column;
    max-width:30%;
}


.shit {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width:100%;
}

.shitties {
    display: flex;
    flex-direction: column;
    align-items: center;
    width:100%;
}

.shitties img {
    width: 100%;
}



@media only screen and (max-width: 800px) {

    .cunty {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        justify-content: center;
    }

    .right_cuntycolumn {
        margin-top:20px;
        display: flex;
        flex-direction: column;
        max-width: 100%;
    }

}