body{
    text-align:center
}
#header{
    height:100px;
    background-color:#F3F2ED;
    margin:0;
    padding:0
}
#header h1{
    font-size:1em;
    margin:0;
    padding:10px
}
#header h1 a{
    color:#000;
    background-color:#F3F2ED
}
.content{
    height:460px;
    background:#000;
    background-color:#000;
    color:#000;
    border-top:#FFF 2px solid;
    padding:0
}
#secondary{
    height:100px;
    background:#000;
    border-top:#FFF 2px solid;
    margin:0;
    padding:0
}
#secondaryFull{
    height:50px;
    background-color:#000;
    border-top:#FFF 2px solid;
    margin:0;
    padding:0
}
#footer{
    height:50px;
    background:#000;
    border-top:#FFF 2px solid;
    margin:0;
    padding:0
}
.navbar{
    transition:all 0.4s;
    background:#000;

    margin: 0 auto;
text-align: center;
}
.navbar .nav-link{
    color:#fff
}
.navbar .nav-link:hover,.navbar .nav-link:focus{
    color:#d3d3d3;
    text-decoration:none
}
.navbar .navbar-brand{
    color:#fff
}
.navbar.active{
    background:#000;
    box-shadow:1px 2px 10px rgba(0,0,0,.1)
}
.navbar.active .nav-link{
    color:#555
}
.navbar.active .nav-link:hover,.navbar.active .nav-link:focus{
    color:#d3d3d3;
    text-decoration:none
}
.navbar.active .navbar-brand{
    color:#555
}
main{
    float:left;
    width:75%;
    height:69vh
}
aside{
    float:right;
    width:25%;
    height:69vh
}
.DonateButton{
    background-color:#000;
    border:1px solid #000;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-family:Arial;
    font-size:17px;
    font-weight:700;
    padding:3px 7px;
    text-decoration:none
}
.DonateButton:hover{
    background-color:#36454F;
    color:#FFF
}
.DonateButton:active{
    position:relative;
    top:1px
}
.DonateButton:link{
    color:#FFF
}
#tpBtn{
    display:none;
    position:fixed;
    bottom:20px;
    right:30px;
    z-index:99;
    border:none;
    outline:none;
    background-color:#000;
    color:#fff;
    cursor:pointer;
    padding:15px;
    border-radius:10px;
    font-size:18px
}
#tpBtn:hover{
    background-color:#555
}
#tableshit{
    font-family:Arial;
    border-collapse:collapse;
    width:90%;
    max-width:1050px;
    margin-left:auto;
    margin-right:auto;
    text-align:center
}
#tableshit td,#tableshit th{
    border:1px solid #ddd;
    padding:8px
}
#tableshit tr:nth-child(even){
    background-color:#f2f2f2
}
#tableshit tr:hover{
    background-color:#ddd
}
#tableshit th{
    padding-top:12px;
    padding-bottom:12px;
    text-align:left;
    background-color:#000;
    color:#fff
}
#tpBtn{
    display:none!important
}
.br{
    display:block;
    margin-bottom:-.5em
}
.stream-status-offline {
    color:rgb(151,0,0)!important;
    font-family:arial
}
.stream-status-online {
    color:rgb(0,100,0)!important;
    font-family:arial
}
#animateplz{
    background-image:linear-gradient(-225deg,#231557 0%,#44107a 29%,#ff1361 67%,#fff800 100%);
    background-size:auto auto;
    background-clip:border-box;
    background-size:200% auto;
    color:#fff;
    background-clip:text;
    text-fill-color:transparent;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:textclip 2s linear infinite;
    display:inline-block
}
.dark-mode{
    background-color:#000;
    color:#fff
}
@keyframes textclip{
    to{
        background-position:200% center
    }
}
@media (min-width:1600px){
    main{
        float:left;
        width:75%;
        height:74vh
    }
    aside{
        float:right;
        width:25%;
        height:74vh
    }
}
@media (max-width:1077px){
    main{
        float:left;
        width:75%;
        height:65vh
    }
    aside{
        float:right;
        width:25%;
        height:65vh
    }
}
@media (max-width:748px){
    main{
        float:left;
        width:75%;
        height:60vh
    }
    aside{
        float:right;
        width:25%;
        height:60vh
    }
}
@media (max-width:991.98px){
    .navbar{
        background:#000
    }
    .navbar .navbar-brand,.navbar .nav-link{
        color:#fff
    }
    button{
        color:#fff
    }
    #tpBtn{
        display:block!important
    }
}
@media screen and (max-width:600px){
    main{
        float:none;
        width:100%;
        height:250px
    }
    aside{
        float:none;
        width:100%;
        height:330px
    }
    #shrinkporfavor{
        font-size:60%!important
    }
    #shrinkporfavor2{
        font-size:13px!important
    }
    .DonateButton{
        background-color:#000;
        border:1px solid #000;
        display:inline-block;
        cursor:pointer;
        color:#fff;
        font-family:Arial;
        font-size:12px;
        font-weight:700;
        padding:2px 4px;
        text-decoration:none
    }
    .DonateButton:hover{
        background-color:#36454F;
        color:#FFF
    }
    .DonateButton:active{
        position:relative;
        top:1px
    }
    .DonateButton:link{
        color:#FFF
    }
    #donobutton{
        height:34px!important;
        width:139px!important
    }
}
