body{
    background-image:url(/img/webbg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 2520px 720px;
    background-color:#333B42;
    color:#f8f8f8;
    font-family:'Euclid Square', sans-serif;
}

.header{
    height:96px;
    padding:0px 16px;
}

.container-mono {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

p{
    margin-bottom:0px;
}

h1{
    font-size:2.25rem;
}

ul{
    margin-bottom:0;
    padding-left:20px;
}

a{
    color: #f8f8f8;
}

a:hover{
    color: #d0d0d0;
}

.bar{
    background-color:#3b474e;
    border-radius:.5rem;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 10px 10px;
}

.btn{
    border:0;
    border-radius:.5rem;
    padding:10px 20px;
    margin:5px 5px;
}

.btnimg{
    padding-right:10px;
}

.btn-primary{
    color:#ffffff;
    background-color:#e6bb55 !important;
}

.btn-secondary{
    color:#ffffff;
    background-color:#3a3a3a !important;
}

.s-tier{
    font-size:1.75rem;
    font-weight:500;
}

.carousel{
    border-radius: .5rem;
    margin: 10px 0px 20px;
    overflow: hidden;
}

.changelog-collapse{
    background: none;
    border: none;
    outline: none!important;
    color:#f8f8f8;
    width: 100%;
    text-align: start;
    padding-top: 1px;
}

.changelog-details{
    margin-top: 8px;
}

.changelog-version{
    margin-bottom: 0px;
}

.donator-list{
    list-style: none;
}

.donator-name{
    display:inline;
    padding:0px 10px;
}

.donator-s-name{
    display:inline;
    padding:0px 10px;
}

.error{
    margin-top:180px;
}

.footer{
    margin-top:20px;
    padding:10px 0px 20px;
}

.footercol{
    margin:5px 0px;
}

.headerlogo{
    width:64px;
    height:64px;
    padding:0px;
    margin:16px 0px;
}

.headertext{
    width:206px;
    height:64px;
    padding:0px;
    margin:16px 0px;
}

.homebanner{
    margin-top:60px;
    margin-bottom:30px;
}

.img{
    border-radius: 0.5rem;
}

.link, .link:hover{
    color:#ffffff;
    text-decoration:underline;
}

.linkimg, .linkimg:hover{
    text-decoration:none;
}

.nav-pills .nav-link.active{
    background-color: #e6bb55 !important;
}

.panel{
    background-color:#3b474e;
    margin:20px 0px;
    padding:15px;
    border-radius: 0.5rem;
}

.pfp{
    border-radius: 100%;
    margin: 20px 0px;
    width: 192px;
    height: 192px;
}

.title{
    margin:15px 0px;
}

.top{
    background-position:center;
    background-size:cover;
    padding:0px 0px 10px;
}

.sticky {
    position:fixed;
    top:0px;
    z-index:100;
}

body::-webkit-scrollbar {
    background-color:#23282e;
    width:8px;
}

body::-webkit-scrollbar-thumb {
    background-color:#414b54;
}

body::-webkit-scrollbar-button {display:none}

@media (min-width: 768px) { 
    .top {
        padding:0px;
    }

    .container-mono {
        max-width: 750px;
    }
}

@media (min-width: 1450px) { 
    body {
        zoom:1.125;
    }
}

@media (min-width: 1650px) { 
    body {
        zoom:1.25;
    }
}