body.maincontentbody{
    background-color:lightgrey;
}

header.mainheadercontainer{
    margin:-8px;
    height:200px;
    width:auto;
}

p.commingsoonheading{
    font-size:40px;
    text-align:center;
}

p.profiterrorsign{
    font-size:40px;
    text-align:center;
}

div.mobilesidemenubuttoncontainer{
    height:200px;
    width:250px;
    border:1px solid transparent;
    display:none;
}

button.mobilesidemenubutton{
    height:75px;
    width:100px;
    border:1px solid transparent;
    background-color:transparent;
    margin-right:auto;
    margin-left:auto;
    margin-top:50px;
    display:block;
}

button.mobilesidemenubutton{
    cursor:pointer;
}

div.mobilebuttonbar1{
    height:8px;
    width:75px;
    background-color:black;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

div.mobilebuttonbar2{
    height:8px;
    width:75px;
    background-color:black;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

div.mobilebuttonbar3{
    height:8px;
    width:75px;
    background-color:black;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

div.maincontentcontainer{
    height:2700px;
    width:auto;
    margin:-8px;
}

button.closemobilemenubutton{
    float:right;
    height:100px;
    width:100px;
    border:1px solid transparent;
    background-color:transparent;
}

button.closemobilemenubutton:hover{
    cursor:pointer;
}

div.closebuttonbar1{
    height:3px;
    width:80px;
    background-color:rgb(255, 94, 0);
    border:3px solid rgb(255, 94, 0);
    rotate:45deg;
}

div.closebuttonbar2{
    height:3px;
    width:80px;
    background-color:rgb(255, 94, 0);
    border:3px solid rgb(255, 94, 0);
    rotate:-45deg;
    margin-top:-9px;
}

div.mobilenewsbuttoncontainer{
    height:100px;
    width:300px;
    margin-top:200px;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

button.mobilemenunewsbutton{
    height:100px;
    width:200px;
    border: 1px solid rgb(255, 94, 0);
    border-radius:5px;
    color:rgb(255, 94, 0);
    font-size:50px;
    margin-right:auto;
    margin-left:auto;
    display:block;
    background-color:transparent;
    transition: 0.3s;
}

div.mobilemenupfhbuttoncontainer{
    height:100px;
    width:400px;
    margin-top:200px;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

button.mobilemenupfhbutton{
    height:100px;
    width:400px;
    border: 1px solid rgb(255, 94, 0);
    border-radius:5px;
    color:rgb(255, 94, 0);
    font-size:50px;
    margin-right:auto;
    margin-left:auto;
    display:block;
    background-color:transparent;
    transition: 0.3s;
}

div.mobilemenutexitcoinbuttoncontainer{
    height:100px;
    width:500px;
    margin-top:200px;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

button.mobilemenutexitcoinhbutton{
    height:100px;
    width:400px;
    border: 1px solid rgb(255, 94, 0);
    border-radius:5px;
    color:rgb(255, 94, 0);
    font-size:40px;
    margin-right:auto;
    margin-left:auto;
    display:block;
    background-color:transparent;
    transition: 0.3s;
}

div.refreshbuttoncontainer{
    height:200px;
    width:400px;
    border:1px solid transparent;
}

button.refreshbutton{
    height:200px;
    width:400px;
    background-color:transparent;
    border:1px solid transparent;
    transition: 0.3s;
}

button.refreshbutton:hover{
    opacity:70%;
    cursor:pointer;
}

img.refreshimg{
    height:200px;
    width:380px;
}

div.newsbuttoncontainer{
    margin-left:450px;
    margin-top:-200px;
    height:200px;
    width:200px;
    border:1px solid transparent;
}

button.newsbutton{
    height:80px;
    width:150px;
    border: 1px solid rgb(255, 94, 0);
    border-radius:5px;
    color:rgb(255, 94, 0);
    font-size:40px;
    margin-right:auto;
    margin-left:auto;
    display:block;
    margin-top:50px;
    background-color:transparent;
    transition: 0.3s;
}

button.newsbutton:hover{
    cursor:pointer;
    color:rgb(241, 140, 81);
}

div.paymenthistorycontainer{
    margin-left:650px;
    margin-top:-200px;
    height:200px;
    width:300px;
    border:1px solid transparent;
}

button.pfhbutton{
    height:80px;
    width:250px;
    border: 1px solid rgb(255, 94, 0);
    border-radius:5px;
    color:rgb(255, 94, 0);
    font-size:40px;
    margin-right:auto;
    margin-left:auto;
    display:block;
    margin-top:50px;
    background-color:transparent;
    transition: 0.3s;
}

button.pfhbutton:hover{
    cursor:pointer;
    color:rgb(241, 140, 81);
}

div.gototexitcoinsitecontainer{
    margin-left:975px;
    margin-top:-200px;
    height:200px;
    width:400px;
    border:1px solid transparent;
}

div.texitcoinpriceconhtainer{
    height:300px;
    width:auto;
    margin-right:auto;
    margin-left:auto;
    display:block;
    text-align:center;
}

button.texitwebsitebutton{
    height:80px;
    width:400px;
    border: 1px solid rgb(255, 94, 0);
    border-radius:5px;
    color:rgb(255, 94, 0);
    font-size:40px;
    margin-right:auto;
    margin-left:auto;
    display:block;
    margin-top:50px;
    background-color:transparent;
    transition: 0.3s;
}

button.texitwebsitebutton:hover{
    cursor:pointer;
    color:rgb(241, 140, 81);
}

div.txcpricechartcontainer{
    height:1000px;
    width:auto;
    border:2px solid orange;
}

iframe.txcchartframe{
    height:600px;
    width:1000px;
    border:2px solid black;
    margin-right:auto;
    margin-left:auto;
    display:block;
    overflow:hidden;
}

div.maincommentssectioncontainer{
    height:1700px;
    width:auto;
    display:block;
}

div.homegraphscontainer{
    height:1000px;
    width:auto;
    display:block;
}

h3.commentsheading{
    font-size:50px;
    text-align:center;
    margin-top:100px;
}

h3.loginheading{
    font-size:50px;
}

form.commentsformcontainer{
    height:600px;
    width:600px;
    margin-top:200px;
    margin-right:auto;
    margin-left:auto;
    display:block;
    text-align:center;
}

label.usernamelabel{
    font-size:40px;
}

select.userselection{
    height:50px;
    width:200px;
    font-size:20px;
    color:black;
}

label.passwordlabel{
    font-size:40px;
}

input.passwordinputbox{
    height:50px;
    width:200px;
    font-size:20px;
}

input.loginbutton{
    height:50px;
    width:110px;
    color:black;
    background-color:lightblue;
    border:1px solid black;
    font-size:30px;
}

input.loginbutton:hover{
    cursor:pointer;
    background-color:rgb(196, 225, 235);

}

h3.commentuserwelcomeheading{
    font-size:30px;
}

iframe.commentspage{
    height:800px;
    width:1200px;
    border:2px solid black;
    border-radius:5px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

textarea.commenttextbox{
    height:300px;
    width:600px;
    resize:none;
    font-size:20px;
}

input.submitbutton{
    height:50px;
    width:110px;
    color:black;
    background-color:rgb(124, 228, 120);
    border:1px solid black;
    font-size:30px;
}

input.submitbutton:hover{
    cursor:pointer;
    background-color:rgb(169, 231, 167);
}

a.logoutlink{
    font-size:30px;
    color:rgb(209, 70, 70);
    text-decoration:none;
}

a.logoutlink:hover{
    cursor:pointer;
    color:rgb(214, 134, 134);
}

footer.mainfootercontainer{
    background-color:grey;
    margin:-8px;
    height:200px;
    width:auto;
    float:bottom;
}

div.mobilesidemenu{
    height:100%;
    width: 0;
    position:fixed;
    z-index: 1;
    top:0;
    left:0;
    background-color: #666464;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    display:block;
}

p.subinformation{
    font-size:20px;
}

/*News section*************************************************************/

div.mainnewssectioncontainer{
    height:2000px;
    width:auto;
    margin:-8px;
    display:none;
}

div.newsvideoscontainer{
    height:700px;
    width:auto;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

h2.newsvideosheading{
    text-align:center;
    font-size:50px;
}

div.passwordcontainer{
    height:300%;
    width:99%;
    margin:-8px;
    background-color:blue;
    position:absolute;
}

iframe.newsvideo1,.newsvideo2,.newsvideo3{
    margin-right:auto;
    margin-left:auto;
    display:block;
}

div.videocontrolscontainer{
    height:150px;
    width:500px;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

button.newsvideosprevousbutton{
    height:100px;
    width:150px;
    float:left;
    margin-top:40px;
    background-color:transparent;
    border:1px solid transparent;
}

button.newsvideosprevousbutton:hover{
    cursor:pointer;
    opacity:80%;
}

button.newsvideosnextbutton{
    height:100px;
    width:150px;
    float:right;
    margin-top:40px;
    background-color:transparent;
    border:1px solid transparent;
}

button.newsvideosnextbutton:hover{
    cursor:pointer;
    opacity:80%;
}

img.previousimage{
    height:100px;
    width:100px;
}

img.nextimage{
    height:100px;
    width:100px;
}

div.newsarticlescontainer{
    height:500px;
    width:1000px;
    border:5px solid black;
    border-radius: 15px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

h1.texitcoinnewsheading{
    text-align:center;
    font-size:80px;
}

h2.newsarticlesheading{
    text-align:center;
    font-size:50px;
}

p.articletitleheadings{
    font-size:30px;
}

a.digitalcoinpricelink{
    font-size:20px;
    transition:0.3s;
    color:black;
}

a.digitalcoinpricelink:hover{
    cursor:pointer;
    color:rgb(28, 121, 151);
}

a.jcdecauxlink{
    font-size:20px;
    transition:0.3s;
}

a.jcdecauxlink:hover{
    cursor:pointer;
    color:rgb(28, 121, 151);
}

/* profit history section*******************************************************/

div.profithistorymaincontainer{
     height:1300px;
    width:auto;
    margin:-8px;
    display:none;
}

h2.profithistoryheading{
    text-align:center;
    font-size:80px;
}

div.earningscontainer{
    height:500px;
    width:500px;
    border:1px solid transparent;
    margin-right:auto;
    margin-left:auto;
    display:block;
}

table.profitstable, td, th{
    width:500px;
    height:100px;
    border: 5px solid black;
    border-collapse: collapse;
    font-size:20px;
}

div.tradingview-widget-container{
    height:700px;
    width:auto;
    margin-top:200px;
    text-align:center;
}

h2.txcpricechartheading2{
    text-align:center;
    font-size:40px;
}

/*media querries**************************************************************/

@media (max-width:1500px){
    #newsbuttoncontaineralt,#paymenthistorycontaineralt,#gototexitcoinsitecontaineralt{
        display:none;
    }
}

@media (max-width:1500px){
    #refreshbuttoncontaineralt{
        float:right;
    }
}

@media (max-width:1500px){
    #refreshbuttoncontaineralt{
        margin-top:-200px;
    }
}

@media (max-width:1500px){
    #mobilesidemenubuttoncontaineralt{
        display:block;
    }
}


@media (max-width:1300px){
    #tradingview-widget-containerouter_alt{
        height:300px;
        width:800px;
        margin-right:auto;
        margin-left:auto;
        display:block;
        margin-top:200px;
    }
}

@media (max-width:1300px){
    #tradingview-widget-container_alt{
        height:200px;
        width:500px;
        margin-right:auto;
        margin-left:auto;
        display:block;
    }
}

@media (max-width:1300px){
    #commentspagealt{
        height:700px;
        width:800px;
    }
}

@media (max-width:1300px){
    #newsarticlescontaineralt{
        width:700px;
    }
}

@media (max-width:1300px){
    #newsvideo1alt,#newsvideo2alt,#newsvideo3alt{
        height:400px;
        width:600px;
    }
}

@media (max-width:1300px){
    #profiterrorsignalt{
        font-size:30px;
    }
}

@media (max-width:1300px){
    #commentsformcontaineralt{
        margin-top:500px;
    }
}

@media (max-width:1300px){
    #commentsheadingalt{
        margin-top:100px;
    }
}

@media (max-width:1300px){
    #maincontentcontaineralt{
        height:2500px;
    }
}