html{font-size:62.5%}body{box-sizing:border-box;background:linear-gradient(to bottom, #5a4745, #bfafa8 60%);background-color:#bfafa8;background-size:cover;background-repeat:no-repeat;max-height:100vh;min-height:100vh;background-size:100% 870px}main{padding:0 1rem}img{width:100%;height:auto;max-height:500px;box-sizing:border-box;border-radius:10px}ul{list-style:none}h1{font-size:3.2rem;font-family:Arial, Helvetica, sans-serif;color:#d4d4d4;padding:1rem 0}h2{font-size:2.1rem;font-family:Arial, Helvetica, sans-serif;color:#d4d4d4;padding:1rem 0}.author{font-size:1.5rem;font-family:Arial, Helvetica, sans-serif;color:#d4d4d4;padding:0.5rem 0}p{font-size:1.6rem;color:#d4d4d4;font-family:Arial, Helvetica, sans-serif;line-height:2rem}details{font-size:1.6rem;color:#d4d4d4;font-family:Arial, Helvetica, sans-serif;line-height:2rem}a{color:#d4d4d4;transition:all 0.5s;display:inline}a:hover{color:lightblue}li{font-size:1.6rem;padding:0.4rem 0;font-family:Arial, Helvetica, sans-serif}hr{margin-bottom:1rem}picture{margin-top:1rem;margin-bottom:-0.5rem}.container-image{padding-bottom:0.5rem;padding-top:1rem}.blog-title{text-align:left !important;position:relative !important;display:inline !important;transform:translate(-50%, -50%) !important}.blog-roll-image{width:100%;height:75%;object-fit:scale-down;padding-left:0rem;box-sizing:border-box;border:solid gray 3px;border-radius:10px}@media screen and (max-width: 767px){.blog-roll-image{width:100%;height:75%}}.blog-roll-image:hover{filter:grayscale(50%);transition:0.5s}.blog-roll-image:not(:hover){filter:grayscale(0%);transition:0.5s}.feature-image-no-effect{width:100%;object-fit:cover;object-position:20% 35%;border-radius:10px;border:solid gray 3px}.feature-image2{width:100%;height:300px;object-fit:cover;object-position:20% 70%;border-radius:10px;border:solid gray 3px}@media screen and (max-width: 767px){.feature-image2{height:100%}}.feature-image{width:100%;height:300px;object-fit:cover;object-position:20% 35%;border-radius:10px;border:solid gray 3px}@media screen and (max-width: 767px){.feature-image{height:100%}}.feature-image-default{width:100%;height:200px;object-fit:cover;object-position:center;border-radius:10px}@media screen and (max-width: 767px){.feature-image-default{height:100%}}kbd{display:inline-block;padding:6px 7px;font-size:1.2875rem;line-height:8px;color:var(--gray-700, #d4d4d4);vertical-align:middle;background-color:var(--gray-10, #8b8b8b59);border-width:1px;border-style:unset;border-color:var(--gray-100, #dbdbdb) var(--gray-100, #dbdbdb) var(--gray-200, #bfbfbf);border-image:none;border-radius:3px;box-shadow:0 -1px 0 var(--gray-200, #bfbfbf) inset}.image-subheading{color:#A4A4A4;font-size:1.5rem}*{margin:0;padding:0;box-sizing:inherit;overflow-wrap:normal !important;word-break:normal !important}@font-face{font-family:'TF2 Build';src:url("/assets/fonts/TF2Build.woff2") format("woff2"),url("/assets/fonts/TF2Build.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}.wrapper{max-width:100rem;margin:0 auto}.box{max-width:90rem;margin:3rem auto 0;filter:drop-shadow(0.5rem 0.3rem 0.2rem rgba(0,0,0,0.7))}.box__title{padding:2rem 0 0.8rem;background-color:#583a31;clip-path:polygon(5% 0, 100% 30%, 100% 100%, 0 100%, 0 20%);z-index:2}.box__heading{font-family:'TF2 Build';font-size:5.5rem;letter-spacing:0.2rem;font-weight:100;color:#e6e6dc;padding:1rem 0 1rem 4rem;border-bottom:#e6e6dc dotted 0.6rem}.box-content{color:#d4d4d4;max-width:90rem;margin:-7.6rem auto;padding:10rem 2rem 3rem;min-height:10rem;background-color:#34302d;box-shadow:0.5rem 0.3rem 0.2rem rgba(0,0,0,0.7)}.box-content ul{padding:0 2rem;list-style-type:disc;margin-bottom:1rem}.box-content span{font-size:1.2rem}.box-content video{width:100%;height:auto;max-height:500px;box-sizing:border-box;border-radius:10px}.box-content code.language-plaintext{padding:3px 4px;border-radius:0.5rem;background-color:#272422;margin-bottom:2rem;font-size:1.4rem}.line{margin:10rem auto;max-width:90rem;height:0.3rem;background:#83756c}.footer{text-align:center;padding-bottom:2rem}.footer--about{margin-top:-8rem}.footer-text{font-size:1.2rem;color:#000000}.nav{background:#2b2726;padding:20px 30px;border-bottom-style:solid;border-bottom-color:#83756c;border-width:3px}.nav__wrapper{display:flex;justify-content:center}.nav__list{display:flex;list-style:none;padding:4rem 0 0 0}.nav__items{padding:0 1.6rem}.nav__img{height:2.6rem;transition:all 0.1s ease-in-out}.nav__img:hover{transform:scale(1.2)}#logo{display:inline-block;vertical-align:middle;font-size:30px;margin-right:45px;color:#fff}#logo img{width:308px;vertical-align:middle;margin-right:10px}.grid{display:grid;grid-template-columns:33% 33% 33%;grid-auto-rows:21rem}@media screen and (max-width: 840px){.grid{grid-template-columns:50% 50%;grid-auto-rows:23rem}}@media screen and (max-width: 640px){.grid{display:block}}.grid h1{font-size:2.6rem;color:#d4d4d4;padding:1rem 0}.grid h2{font-size:2.1rem;color:#d4d4d4;padding:1rem 0;font-family:Arial, Helvetica, sans-serif}.grid h3{font-size:1.7rem;color:#e6e6dc;padding:0 0;font-family:Arial, Helvetica, sans-serif}.grid span{font-size:1.2rem;color:#d4d4d4;padding:0 0;font-family:Arial, Helvetica, sans-serif;text-align:left}.grid a{text-decoration:none}.grid__item{display:flex;flex-direction:column;align-items:left;padding:5px 5px}.grid img{width:100%;height:14rem;object-fit:cover;object-position:center}@media screen and (max-width: 840px){.grid img{height:16rem;grid-template-columns:50% 50%}}@media screen and (max-width: 640px){.grid img{height:auto}}.credit-img{width:12rem;height:12rem}.grid-2{display:flex;flex-wrap:wrap}.grid__item2{margin-right:5rem}.credits-container{width:95%;margin:0 auto;padding:0 15px 15px 15px;border-radius:0.5rem;background:#272422}.credits-container ul{padding:0 0 0 0}.credits-container li{list-style:none}.about-content{display:flex}.left-area{width:70%;padding-right:1rem}.right-area{width:25%;margin-top:-60px;position:relative}.join-container{width:140%}.join-container__btn{position:absolute;top:1.3rem;left:2rem;display:flex;height:18rem;flex-direction:column;justify-content:space-around}.join-img{padding:0;border-radius:0.5rem;width:25rem}.join-img:hover{background:lightgrey;transition:0.5s}.join-img:not(:hover){transition:0.5s}.discord-img{background:#7289da}.twitter-img{background:#00acee}.youtube-img{background:red}#latest-posts{position:absolute;bottom:0px;right:20px;width:200px}#latest-posts li{height:20%;list-style-type:none;white-space:nowrap;overflow:hidden}#latest-posts img{border:solid gray 3px}#latest-posts img:hover{filter:grayscale(50%);transition:0.5s}#latest-posts img:not(:hover){filter:grayscale(0%);transition:0.5s}@media (max-width: 1000px){.about-content{flex-direction:column}.left-area{width:100%;padding-right:0}.right-area{margin-top:0;width:100%}.about__video{height:50rem}.join-container{display:none}.join-container__btn{margin-top:2rem;flex-direction:row;flex-wrap:wrap;height:auto;position:static}.join-img{margin-bottom:1rem}#latest-posts{position:relative;display:inline-block;margin:auto;width:400px}}@media screen and (max-width: 1000px) and (max-width: 767px){#latest-posts{display:inline-block;margin:calc(20px);width:100%;position:relative}}.box-img{margin:auto;border-radius:10px;background:linear-gradient(#C8BDA5, #A1947C)}.select-spacing{margin-top:20px}.pick-box{display:none;width:40em;top:11em;position:relative}.pick-box:hover{transition:0.5s;background:linear-gradient(#d3d3d3, #C8BDA5)}.pick-box:not(:hover){transition:0.5s}.install-box{display:none;top:1rem;width:40rem;position:relative}.install-box:hover{transition:0.5s;background:linear-gradient(#d3d3d3, #C8BDA5);cursor:pointer}.install-box:not(:hover){transition:0.5s}#all_versions{position:relative;top:-3em}.back-button{display:none;background:linear-gradient(#C8BDA5, #A1947C);position:relative;width:18rem;top:-10%;right:38%;z-index:1}.back-button:hover{transition:0.5s;background:linear-gradient(#d3d3d3, #C8BDA5)}.back-button:not(:hover){transition:0.5s}#choose-game-area{overflow:visible}#files{margin:auto;width:700px}@media screen and (max-width: 830px){.back-button{top:80%;right:0}.box__heading{font-size:4rem}.install-box{width:30rem}.pick-box{width:30rem}}.blog *{font-family:Arial, Helvetica, sans-serif}.blog h1{font-size:2.6rem;color:#d4d4d4;padding:1rem 0}.blog h2{font-size:2.1rem;color:#d4d4d4;padding:1rem 0}.blog h3{font-size:1.7rem;color:#d4d4d4;padding:1rem 0}.blog ul{padding:0 2rem;list-style-type:disc}.blog li{line-height:2rem}.blog p{margin-bottom:1rem}.blog span{font-size:1.2rem}.blog video{width:100%;height:100%;max-height:500px;box-sizing:border-box;border-radius:10px}.blog code.language-plaintext{padding:1px 4px;border-radius:0.5rem;background-color:#272422;font-size:1.4rem}.blog img{width:100%;height:auto;max-height:500px;margin-left:auto;margin-right:auto;display:block}.blog .full-size{width:auto}.blog .video-subheading{color:#A4A4A4;font-size:1.5rem}.blog .post-list{list-style-type:none !important;padding-left:0px !important}.blog blockquote{margin:0;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:40px;padding:0 1em;color:#ffba21;border-left:0.25em solid #ffba21;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px}.blog blockquote p{color:#ffba21 !important}.blog *{font-family:Arial, Helvetica, sans-serif}.blog h1{font-size:2.6rem;color:#d4d4d4;padding:1rem 0}.blog h2{font-size:2.1rem;color:#d4d4d4;padding:1rem 0}.blog h3{font-size:1.7rem;color:#d4d4d4;padding:1rem 0}.blog ul{padding:0 2rem;list-style-type:disc}.blog li{line-height:2rem}.blog p{margin-bottom:1rem}.blog span{font-size:1.2rem}.blog video{width:100%;height:100%;max-height:500px;box-sizing:border-box;border-radius:10px}.blog code.language-plaintext{padding:1px 4px;border-radius:0.5rem;background-color:#272422;font-size:1.4rem}.blog img{width:100%;height:auto;max-height:500px;margin-left:auto;margin-right:auto;display:block}.blog .full-size{width:auto}.blog .video-subheading{color:#A4A4A4;font-size:1.5rem}.blog .post-list{list-style-type:none !important;padding-left:0px !important}.blog blockquote{margin:0;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:40px;padding:0 1em;color:#ffba21;border-left:0.25em solid #ffba21;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px}.blog blockquote p{color:#ffba21 !important}@media (max-width: 1000px){.nav__wrapper{flex-direction:column;align-items:center}#logo{margin-right:0}#logo img{margin-right:0}.box-content{padding-bottom:2rem}}@media (max-width: 700px){.blog video{width:70%}}@media (max-width: 640px){.nav{padding-bottom:1rem}.nav__list{flex-direction:column;align-items:center;padding-top:1rem}.nav__items{padding:1rem}.nav__img{height:3rem}}@media (max-width: 565px){.grid-2{flex-direction:column;justify-content:center;padding-bottom:1rem}.grid__item2{margin-right:10rem}.blog video{width:100%}}@media (max-width: 500px){.box__heading--special{font-size:4rem;padding:2.5rem 0 1rem 1rem}.about__video{height:20rem}}