@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body{
    background-image: url(../img/back.webp);
    background-color: rgba(0,0,0,0.8);
    background-blend-mode: multiply;
    background-size: cover;
    
}

.tauacp{
    margin-left: 10px;
    opacity: 1;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.tauacp:hover{
    opacity: 0.5;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}

.seghead-white{
    font-size:1.3rem;
}

.rulesInner{
    padding:25px;
}

.text-md{
    font-family: "Open Sans";
    font-weight: 600;
    font-size:0.9rem;
}

.segment{
    margin-bottom: 50px;
}

.text{
    font-family: "Open Sans";
    font-weight: 400;
    font-optical-sizing: auto;
  
    font-size:0.9rem;
}

.text-sm{
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 0.8rem;
}

.textB{
    font-family: "Open Sans";
    font-weight: 700;
}

.text-white{
    font-family: "Open Sans";
    font-weight: 400;
    color: white;
}

.nav-link{
    font-family: "Open Sans";
    font-weight: 400;
    color: white;
}

.bg-navbar{
    background-color: rgba(25,25,25,0.8);
}

.but{
    padding: 10px 30px 10px 30px;
    border-radius: 15px;
    text-decoration: none;
    color:white;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}

.butsm{
    padding: 4px 10px 4px 10px;
    border-radius: 10px;
    text-decoration: none;
    color:white;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}

.but-success{
    background-color: rgba(50, 200, 50, 1);
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}

.but-success:hover{
    background-color: rgba(0, 200, 0, 0.8);
    color:white;
}

.but-info{
    background-color: rgb(45, 117, 204);
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}

.but-info:hover{
    background-color: rgba(25, 100, 204, 0.8);
    color:white;
}

.but-danger{
    background-color: rgb(219, 48, 29);
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}

.but-danger:hover{
    background-color: rgba(219, 28, 9, 0.8);
    color:white;
}

.but-default{
    background-color: rgb(60, 60, 60);
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
}
.but-default:hover{
    background-color: rgba(75, 75, 75, 1);
    color:white;
}

.but-active{
    background-color: rgb(100,100,100) !important;
}


.but-tall{
    height: 60px !important;
}

.nav-link:hover{
    color:gray;
}

.taunav{
    background-color: rgba(45, 45, 45, 0.8);
    padding:10px;
    border-radius: 10px;
    margin:5px;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    text-decoration: none;
}
.taunav:hover{
    background-color: rgba(65, 65, 65, 0.8);
}

.accountinfo{
    background-color: rgba(45, 45, 45, 0.8);
    padding:10px;
    border-radius: 10px;
    margin:5px;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    text-decoration: none;
    color:white;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    line-height: 1rem;
    gap: 0.5rem;
}
.accountinfo:hover{
    background-color: rgba(65, 65, 65, 0.8);
    color:gray;
}

.tau-bottom-but{
    background-color: rgba(45, 45, 45, 0.8);
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
    margin:5px;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    text-decoration: none;
}


.tau-bottom-but:hover{
    background-color: rgba(65, 65, 65, 0.8);
}


/*
    Main Homepage - Main Container 
*/

.main{
    background: url(../img/header.webp) no-repeat;
    background-color: rgba(35, 35, 35, 0.95);
    margin: 25px;
    color:white;
    min-height: 750px;
    padding:50px;
    border-radius: 50px;
}

.main2{
    margin: 25px;
    color:white;
    min-height: 750px;
    padding:50px;
    border-radius: 50px;
}

.main .header{
    text-shadow: 2px 2px black;
}

.main .content{
    margin-top:100px;
    text-align:center;
}
.main2 .header{
    text-shadow: 2px 2px black;
}

.main2 .content{
    margin-top:100px;
    text-align:center;
}


/* Help page */

.help-wrapper{
    width:100%;
}

.help-content{
    background: url(../img/link.webp) no-repeat;
    background-blend-mode: soft-light;
    background-color: rgba(35,35,35,.95);
    width:80vw;
    margin-inline:auto;
    margin-top:5rem;
    border-radius:50px;
    padding:50px;
}
.help-title{
    color:white;
}
.help-desc{
    color:rgb(192, 192, 192);
}
.help-commands-list{
    color:rgb(192, 192, 192);
}
.help-h4{
margin-top:2rem;
}
.help-center{
    text-align:center;
}
.help-underline{
    text-decoration:underline;
}
.help-commands-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
}
.help-guides-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
}
.help-bold{
    font-weight:bolder;
    color:white;
}

.help-rules{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
}


.help-footer{
    margin-top:3rem;
    text-align:center;
}

.footer{
    position: relative;
}

.footer-content{
    margin-top: 25px;
    text-align: center;
}