@font-face {
    font-family: sweetpool;
    src: url(font/font.ttf);
}

a {
    text-decoration:none;
}

body {
    background-color:black;
    background-image:url(greybg.png);
    color:white;
    font-family: sweetpool, 'Times New Roman', Times, serif !important;
    margin:0px;
    padding:0px;
}

.contentdiv{
    background-color:black;
    background-image:url(img/greybg.png);
    color:white;
    padding:0px;
    margin:0px;
    margin-top:-16px;
    height:auto;
    width:100%;
    font-family: sweetpool, 'Times New Roman', Times, serif !important;
    text-align:center !important;
}  

.headerdiv {
    z-index: 0;
    background-image:url(img/redbg.png);
    background-color: rgba(0,0,0,0.6);
    background-blend-mode: darken;
    display:grid;
    grid-template-columns: 1fr;
    padding:0px;
    margin-top:-16px;
    height:768px;
    width:100%;
    text-align:center;
    font-family: sweetpool, 'Times New Roman', Times, serif !important;
    font-size:60px;
    text-shadow: -1px 1px 0 #000,
                        1px 1px 0 #000,
                        1px -1px 0 #000,
                        -1px -1px 0 #000;
}

.mobileheaderdiv {
    display:none;
}

.header-text-left{
    text-align:left;
    padding-left:100px;
}

.header-text-right{
    text-align:right;
    padding-top:19ch;
    padding-right:100px;
}

.headergridc{
    grid-row-start: 1;
    grid-column-start: 1;
}

.zenyaheaderimg{
    background-image:url(img/transparentzenya.png); background-repeat:no-repeat; background-size:90%; background-position:center;

}
.zenyaheaderbg{
    background-image:url(img/blurredgradientbgalt.png); background-repeat:no-repeat; background-size:90%; background-position:center; 
}
.zenyaheadertext {
    text-shadow:4px 4px 5px #00000080;
}


.scontentdiv {
    background-image:url(img/greybg.png);
    display:grid;
    width:1000px;
    height:auto;
    grid-template-columns: 200px 800px;
    grid-template-rows: auto;
    margin: 0 auto !important;
    padding-bottom:16px;
    border:0px;
    box-shadow: 0px 70px 75px 0px rgba(55,0,0,0.5);
    -webkit-transform:translate3d(0,0,0) !important;
}

.hiddenheader {
    visibility:hidden;
    height:0px;
    width:1000px;
    margin: 0 auto !important;
    display:none;
    -webkit-transform:translate3d(0,0,0) !important;
}

.hhsticky{
    visibility:visible !important;
    display:block !important;
    height:60px !important;
    width:970px !important;
    background-color:#000;
    position:sticky;
    font-size:40px;
    text-align:right;
    padding-right:30px;
    align-items:center;
    top:0;
    z-index:3;
    -webkit-transform:translate3d(0,0,0) !important;
}

.scontentsidebar {
    height: auto;
    -webkit-transform:translate3d(0,0,0) !important;
}

.scontentsbuttons{
    padding-top:80px;
    align-self:start;
    position:sticky;
    top:0;
}

.scontentcontent {
    background-color:#33333390;
    background-image:url(splatterbg2.png);
    background-repeat:no-repeat;
    padding-left:15px;
    padding-right:20px;
    padding-top:15px;
    border: 10px #B42622 !important;
}

.scontentcontent.p{
    font-family:sweetpool; 
    text-align:center; 
    color:white; 
    padding:15px;
    font-size:16px;
    text-shadow: 1px 1px 2px #000000;
}

.leftheader {
    text-align:left;
    font-size:20px;
    color: #EB4034;
}

.memberlist {
    text-align:left;
}

.memberlist a {
    color:#FB6658;
}

.memberlist a:hover {
    color:#FFBFBE;
}

.codeborder {
    border: 5px solid #EB403490;
    margin:2px;
}

.button {
    height:77px; 
    width:200px;
	margin-bottom:20px;
	background-image:url('img/redbuttonflat.png');
    background-size:cover; 
    align-items:center !important;
    display:flex;
    font-family: sweetpool;
    color:white; 
    font-size:36px; 
    margin:auto !important; 
    text-align:center !important; 
    padding-top:5px;
}


.button:hover {
	background-image:url('img/bluebuttonflat.png');
	cursor: pointer
}

.tilt {
	rotate: -20deg
}

.quotebox {
    padding:15px;
    background-color:#00000050;
    border-left:5px solid #FB6658;
}

.orange {
    color: #FB6658;
    font-weight:bold;
}

.orange:hover {
    color: #EE5446;
}

.lightgray {
    color: #BBBBBB;
    font-weight:bold;
}

.lightgreen {
    color: #7EDA88;
    font-weight:bold;
}

.lightgreen:hover {
    color: #69CC74;
}

form {
    text-align:left;
    padding-right:60px;
}

form input {
    margin-top: 5px;
    margin-bottom:5px;
    width:300px;
}

.infobox {
    border:1px dashed white; 
    padding:10px; 
    background-color:#00000040
}

.mobilenavheader{
    display:none;
}

.contentdiv #responsivemenu{
    display:none;
    height:0px;

}

.showonmobile {
    display:none;
}
.showondesktop {
    display:block;
}

#rmenub {

}

/* MOBILE STUFF */

@media screen and (max-height: 515px) {
    .zenyaheaderbg{
        background-position-y:15% !important;
    }
    .zenyaheaderimg{
        background-position-y:15% !important;
    }
    .header-text-right{
        text-align:right;
        padding-top:11ch !important;
        padding-right:100px;
    }
}

@media screen and (max-height: 630px) {
    .zenyaheaderbg{
        background-position-y:25% !important;

    }
    .zenyaheaderimg{
        background-position-y:25% !important;
    }
    .header-text-right{
        text-align:right;
        padding-top:15.5ch;
        padding-right:100px;
    }
}

@media screen and (max-width: 1000px) {
    body {
        background-color:#33333390;
        background-image:url(img/greybg.png);
    }
    .scontentdiv {
        display:block;
        width:auto;
        height:auto;
        grid-template-columns: auto;
        grid-template-rows: auto;
        margin: 0 auto !important;
        border:0px;
        box-shadow: 0px 0px 0px 0px rgba(55,0,0,0.5);
        font-family: sweetpool, 'Times New Roman', Times, serif !important;
        background-image:url(img/splatterbg2mobile.png);
        background-color:#33333390;
        background-size:cover;
        z-index:0 !important;
        -webkit-transform:translate3d(0,0,0) !important;
    }
    .contentdiv {
        width:auto !important;
        height:auto;
        -webkit-transform:translate3d(0,0,0) !important;
        background-image:url(img/greybg.png);
        background-size:cover;
    }
    .headerdiv {
        display:none !important;
        width:0px !important;
        height:0px !important;
        visibility: collapse;
    }
    .hiddenheader {
        visibility:hidden !important;
        display:none !important;
        height:0px !important;
        width:0px !important;
        margin: 0 auto !important;
    }
    
    .hhsticky{
        visibility:hidden !important;
        height:0px;
        margin: 0 auto !important;
        display:none !important;
    }
    .scontentsidebar {
        visibility:hidden !important;
        display:none !important;
        height:0px;
        width:0px !important;
    }
    .scontentcontent {
        width:auto;
        background-color: rgba(0,0,0,0);
        background-image:none !important;
        z-index:3;
        -webkit-transform:translate3d(0,0,0) !important;

    }
    .mobileheaderdiv{
        display:block;
        z-index: 0;
        background-color: rgba(0,0,0,0.6);
        background-image:url(img/redbg.png);
        background-blend-mode: darken;
        display:grid;
        grid-template-columns: 1fr;
        padding:0px;
        margin-top:-46px;
        height:258px;
        width:100%;
        z-index:3;
        -webkit-transform:translate3d(0,0,0) !important;
        font-family: sweetpool, 'Times New Roman', Times, serif !important;
        font-size:60px;
        text-shadow: -1px 1px 0 #000,
                            1px 1px 0 #000,
                            1px -1px 0 #000,
                            -1px -1px 0 #000;
    }
    .mobilenavheader{
        position:sticky;
        width:100vw;
        background-color:rgba(0,0,0,0);
        opacity:1;
        height:50px;
        top:0;
        z-index:5;
        display:flex;
        justify-content: space-around;
        font-size:25px;
        text-align:center;
        -webkit-transform:translate3d(0,0,0);
    }

    .mobilenavtextl{

        top:0;
        text-align:left;
        font-size:25px;
        margin-top:-20px;
        width:auto;

    }
    .mobilenavtextl a:link{
        color:white !important;
        text-decoration: none;
    }
    .mobilenavtextl a:visited{
        color:white !important;
        text-decoration: none;
    }
    .mobilenavtextl a:hover{
        color:white !important;
        text-decoration: none;
    }
    .mobilenavtextl a:active{
        color:white !important;
        text-decoration: none;
    }
    .mobilenavtextr{

        top:0;
        text-align:right;
        font-size:25px;
        margin-top:-15px;
        width:auto;

    }

    .mobilenavigation{
        position:sticky;
        width:100vw;
        background-color: #000;
        opacity:1;
        height:40px;
        padding-top:55px;
        margin-top:-40px;
        top:0;
        z-index:4;
        display:flex;
        justify-content: space-around;
        font-size:20px;
        text-align:center;
        -webkit-transform:translate3d(0,0,0);
    }

    .mobilenavigation a:link{
        color:white !important;
        text-decoration: none;
    }
    .mobilenavigation a:visited{
        color:white !important;
        text-decoration: none;
    }
    .mobilenavigation a:hover{
        color:white !important;
        text-decoration: none;
    }
    .mobilenavigation a:active{
        color:white !important;
        text-decoration: none;
    }
    .mobilenavtextl a:link{
        color:white;
        text-decoration: none;
    }
    .mobilenavtextl a:visited{
        color:white;
        text-decoration: none;
    }
    .mobilenavtextl a:hover{
        color:white;
        text-decoration: none;
    }
    .mobilenavtextl a:active{
        color:white;
        text-decoration: none;
    }
    .zenyaheaderbg{
        background-position-y:35px !important;
    }
    .zenyaheaderimg{
        background-position-y:35px !important;
    }
    .showonmobile {
        display:block;
    }
    .showondesktop {
        display:none;
    }
}