:root{
    --brand:#de1f15;
}
body{
    background:#1f1b1b;
    color:#ffffff;
    font-family:"m plus 2",sans-serif;
    margin:0;
    padding:0;
    font-size:16px;
}
[_font=mono]{
    font-family:'m plus 1 code',monospace;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    font-weight:600;
}
p{
    margin:0;
}
a{
    color:var(--brand);
    text-decoration-thickness:1px;
}
* {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.container{
    min-width:950px;
    max-width:1100px;
    margin:auto;
    display:block;
}
.topbar{
    background:#1f1b1b;
    background-image:url('/img/andrey-soldatov-q139mqrF7SE-unsplash.jpg');
    background-size:cover;
    background-position:center;
    color:#f6f4f4;
    display:block;
    position:sticky;
    top:0;
    max-width:1200px;
    margin:auto;
    border-radius:20px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    box-shadow:0px 2.2px 10px rgba(0, 0, 0, 0.479);
}
.tbitem{
    background:transparent;
    padding:10px;
    display:inline-block;
    text-decoration:none;
    color:#f6f4f4;
    box-sizing:content-box;
    transition:0.2s ease all;
    border-radius:1000px;
}
.tbitem:hover{
    color:#ffffff;
    background:#00000080;
}
.tbitem.tbtitle{
    font-family:'m plus 1 code',monospace;
    color:#de1f15;
    text-shadow:rgb(255, 0, 0) 0px 0px 8.5px;
    font-size:1.33em;
}
.tbitem.tbtitle:hover{
    text-shadow:none;
    color:#de1f15;
    background:#00000080;
}
.tbitem.active{
    color:#de1f15;
    background:#00000080;
    font-weight:800;
}
.tbitems{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: right;
    gap:5px;
}
.tbtitles{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: last baseline;
    justify-content: left;
    gap:5px;
}
h1 b,h2 b,h3 b,h4 b,h5 b,h6 b{
    color:#de1f15;
    font-weight:800;
}
b{
    font-weight:800;
}
.btn{
    padding:10px;
    background:#de1f15;
    color:white;
    display:inline-block;
    text-decoration:none;
    border-radius:19.2px;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.479);
    transition:0.2s ease all;
}
.btn:hover{
    background:#b0140b;
}
.feats{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:15px;
}
.featcontainer{
    background:white;
    color:black;
    border-radius:19.2px;
}
.featimage{
    object-fit:cover;
    height:250px;
    width:100%;
    border-radius:19.2px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
.featsubtitle{
    padding:15px;
}
#foot_socials a{
    color:#f6f4f4;
    margin-left:6px;
}
#foot_socials a:hover{
    color:var(--brand);
}
[_scaleonhover]{
    transition:0.2s ease all;
}
[_scaleonhover]:hover{
    scale:1.1;
}