@font-face {
    font-family: 'specil order';
    font-style: normal;
    src:
        url(/font.woff2) format('woff2'),
        url(/font.woff) format('woff'),
        url(/font.ttf) format('ttf');
}
.center {
    margin: auto;
    text-align: center;
    width: 80%;
    padding: 10px;
}
.hello_this_is_me {
    max-width: 650px;
    padding: 8px;
    margin: auto;
    color: #fff;

    background: #888;

}
.hello_this_is_me h1 {
    font-size: 48px;
    text-align: center;
}

#tabs {
    text-align: center;
    align-content: center;
    display: none;
}
#tabs button {
    background-color: inherit;
    float: center;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 7px 8px;
    transition: 0.3s;
    font-size: 12px;
}
#tabs button:hover {
    background-color: #ddd;
}
#tabs button.active {
    background-color: #aaa;
}
hr.solid {
    border-top: 3px solid #bbb;
}
.tabcontent {
    max-width: 650px;
    padding: 16px;
    margin: auto;

    /* border: solid #fad2a8;
    border-width: thick; */
    border: none;
    border-width: thick;
    color: #fff;

    background: #666;

    display: block;
}
.fuckery {
    display: none;
}
body {
    background-color: #666;
    font-family: Monospace, Sans-Serif;
}

:link { color: #339999; }
:visited { color: #5bb; }
:link:active, :visited:active { color: #f00; }
code {
    font-size: 14px;
    font-family: "specil order", Monospace, Sans-Serif;
}
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}
#splash {
    text-align: center;
}


.setups {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#macmini {
    background-image: linear-gradient(rgba(102,102,102,0.8), rgba(102,102,102,0.8)), url(/setups/hot.jpg);
}
#craptop {
    background-image: linear-gradient(rgba(102,102,102,0.8), rgba(102,102,102,0.8)), url(/setups/hpenis.jpg);
}
#lenowo {
    background-image: linear-gradient(rgba(102,102,102,0.8), rgba(102,102,102,0.8)), url(/setups/lenowo.jpg);
}
#awh {
    background-image: linear-gradient(rgba(102,102,102,0.8), rgba(102,102,102,0.8)), url(/setups/shit.jpg);
}
#pi {
    background-image: linear-gradient(rgba(102,102,102,0.8), rgba(102,102,102,0.8)), url(/setups/pi.jpg);
}


#buttons, #rings {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 650px;
    margin: auto;
    align-items: center;
    align-self: center;
    gap: 4px;
}

#buttons > * {
    margin: 0;
}

#rings > * {
    margin: 0;
}


#weed-cont:hover #weed {
    display: none;
}
#weed-cont:hover:after {
    content: 'openSUS Weed.';
}

#weed-cont-but-comma:hover #weed-but-comma {
        display: none;
}
#weed-cont-but-comma:hover:after {
        content: 'openSUS Weed,'
}