@font-face{font-family:'TF2Build';src:url("TF2Build.woff2") format("woff2"),url("TF2Build.woff") format("woff") url("TF2Build.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'TF2Build';src:url("TF2Build.woff2") format("woff2"),url("TF2Build.woff") format("woff") url("TF2Build.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none;padding:0;margin:0}a{background-color:transparent;text-decoration:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}input,button,textarea,select{font:inherit}button,[role="button"]{cursor:pointer}:focus-visible{outline:2px solid dodgerblue;outline-offset:2px}*{outline:none}:root{--bg-main: #BFAFA8;--bg-page: #34302D;--header-border: #555555;--text-heading: #EBEBEB;--text-light: #D4D4D4;--text-link: #71AFFF;--text-navbar: #66483A;--divider-color: #5F5A56;--footer-border-top: #2F2B28;--footer-border-bottom: #2B2724;--footer-color: #555555;--download-grad-top: #FFF6D2;--download-grad-bottom: #FDE986;--download-grad-top-hovered: #FFFDF9;--download-grad-bottom-hovered: #CFCAC6;--download-text: #83544A;--social-discord-top: #5A7ABF;--social-discord-bottom: #4A6A9E;--social-discord-hover-top: #5865F2;--social-discord-hover-bottom: #5A7ABF;--social-twitter-top: #00ACED;--social-twitter-bottom: #0084B4;--social-twitter-hover-top: #1DCAFF;--social-twitter-hover-bottom: #00ACED;--social-steam-top: #555555;--social-steam-bottom: #333333;--social-steam-hover-top: #777777;--social-steam-hover-bottom: #555555;--social-github-top: #999999;--social-github-bottom: #777777;--social-github-hover-top: #BBBBBB;--social-github-hover-bottom: #999999;--social-youtube-top: #BF2626;--social-youtube-bottom: #90030C;--social-youtube-hover-top: #EE0F0F;--social-youtube-hover-bottom: #BF2626;--font-primary: 'TF2Build', sans-serif;--font-heading: 'TF2Build', sans-serif}body{display:flex;justify-content:center;background-image:url(mainBG.jpg);background-repeat:repeat-x;background-color:var(--bg-main);padding:2rem;align-items:flex-start;min-height:100vh}#bodyContainer{filter:drop-shadow(0px 1px 4px #000)}#pageHeader{position:relative}#pageHeader img{max-width:820px;width:100%}#navBar{position:absolute;bottom:0;display:flex;margin-left:10px;width:45%}#navBar a{font-family:'TF2Build';font-size:1.5rem;color:var(--text-navbar);padding:2px 15px 2px 15px;margin-bottom:-1px}#navBar a:hover{color:white}#navBar a:active{color:white}#navActive{color:white !important;border-radius:5px 5px 0px 0px;background-color:var(--header-border)}#pageContainer{border-top:15px var(--header-border) solid;background:var(--bg-page);width:100%;max-width:816px;padding:2rem}#footer{display:flex;justify-content:center;max-width:816px;padding:0.5rem;background-color:var(--footer-color);border-top:0.5rem solid transparent;border-image:linear-gradient(var(--footer-border-top), var(--footer-border-bottom));border-image-slice:1}#footer p{font-size:0.8rem;line-height:1.4;text-wrap:pretty}#footer img{max-width:80px;padding-right:10px}.desc{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start;margin-bottom:2rem}.descText p{line-height:1.6;margin-bottom:1em}.descText p:last-child{margin-bottom:0}.descText ul:last-child{margin-bottom:0}.descImage img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0px 1px 4px #000)}.descImage p{padding:0.5em;font-size:0.8em;background-color:#555555;filter:drop-shadow(0px 1px 4px #000)}.socialContainer{padding-top:1.5rem;margin:0 5% 0 5%}hr{height:3px;width:90%;border:none;border-radius:6px;background:var(--divider-color);margin-top:2.25rem;margin-bottom:2.25rem}a.download{min-width:90%;font-family:'TF2Build';color:var(--download-text);font-size:2.5rem;font-weight:lighter;text-align:center;text-decoration:none;border-radius:5px;background:linear-gradient(var(--download-grad-top), var(--download-grad-bottom));padding:10px 15px 10px 15px;filter:drop-shadow(0px 1px 2px #000)}a.download:hover{background:linear-gradient(var(--download-grad-top-hovered), var(--download-grad-bottom-hovered))}div.download{display:flex;justify-content:center}.socialGrid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;column-gap:2rem;justify-items:center;width:100%}a.socialButton{font-family:'TF2Build';display:inline-flex;align-items:center;justify-content:flex-start;gap:0.6em;padding:0.75rem 1rem;color:white;font-size:1.875rem;font-weight:lighter;text-align:left;text-decoration:none;border-radius:5px;width:100%;filter:drop-shadow(0px 1px 2px #000)}div.socialButton{display:flex;text-align:center;margin:15px 15px 15px 15px;line-height:1}.socialButton.discord{background:linear-gradient(var(--social-discord-top), var(--social-discord-bottom))}.socialButton.discord:hover,.socialButton.discord:focus-visible{background:linear-gradient(var(--social-discord-hover-top), var(--social-discord-hover-bottom))}.socialButton.steam{background:linear-gradient(var(--social-steam-top), var(--social-steam-bottom))}.socialButton.steam:hover,.socialButton.steam:focus-visible{background:linear-gradient(var(--social-steam-hover-top), var(--social-steam-hover-bottom))}.socialButton.twitter{background:linear-gradient(var(--social-twitter-top), var(--social-twitter-bottom))}.socialButton.twitter:hover,.socialButton.twitter:focus-visible{background:linear-gradient(var(--social-twitter-hover-top), var(--social-twitter-hover-bottom))}.socialButton.github{background:linear-gradient(var(--social-github-top), var(--social-github-bottom))}.socialButton.github:hover,.socialButton.github:focus-visible{background:linear-gradient(var(--social-github-hover-top), var(--social-github-hover-bottom))}.socialButton.youtube{background:linear-gradient(var(--social-youtube-top), var(--social-youtube-bottom))}.socialButton.youtube:hover,.socialButton.youtube:focus-visible{background:linear-gradient(var(--social-youtube-hover-top), var(--social-youtube-hover-bottom))}.socialButton.center{display:flex;width:47%;margin:1rem;margin-inline:auto}.socialButton img{width:40px}.invert{-webkit-filter:invert(100%);filter:invert(100%)}h1{color:var(--text-heading);font-size:2rem;font-weight:bold;font-family:Arial, Helvetica, sans-serif;padding:0px;margin:0px;margin-bottom:10px}h2{color:var(--text-heading);font-size:1.5rem;font-weight:bold;font-family:Arial, Helvetica, sans-serif;padding:0px;margin:0px;margin-bottom:10px}p{color:var(--text-light);font-size:1.1rem;font-weight:normal;font-family:Arial, Helvetica, sans-serif;padding:0px;margin:0px}.post-list{list-style-type:none;padding:0;padding-top:15px;margin:0}.post-image{max-width:256px;margin-right:16px;border-radius:8px;border:2px solid #6D6A63;overflow:hidden;position:relative;align-self:start}.post-image::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 10px 2px rgba(0,0,0,0.9)}.post-link{display:flex;position:relative}.post-link:hover .post-image{border:2px solid #C2BCBC}.post-link:hover .post-image::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;background:linear-gradient(to top, transparent 50%, rgba(255,255,255,0.5) 100%)}.post-link:link{color:#FAEAC9}.post-link:visited{color:#FAEAC9}.post-link:hover{color:#FFFFFF}.img-expandable{cursor:pointer}.modal{display:none;position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.9)}.modal-content{margin:auto;display:flex;width:80vw}.close,.modal-left,.modal-right{position:absolute;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}.close{top:15px;right:35px}.modal-left{top:50%;left:35px}.modal-right{top:50%;right:35px}.modal-left:hover,.modal-left:focus,.modal-right:hover,.modal-right:focus,.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}a{color:var(--text-link)}h3{color:var(--text-light);font-size:0.9rem;font-weight:normal;font-family:Arial, Helvetica, sans-serif;padding:0px;margin:0px}li{color:var(--text-light);font-size:1.1rem;font-weight:normal;font-family:Arial, Helvetica, sans-serif;padding-bottom:10px;margin:0px}@media (max-width: 1920px){#navBar a{font-size:1.1rem;padding:2px 12px 2px 12px}h1{font-size:1.3rem}p{font-size:0.9rem}li{font-size:0.9rem}#pageHeader img{max-width:704px}#pageContainer{max-width:700px;padding:1.75rem}.divider{margin-top:2rem;margin-bottom:2rem}a.download{font-size:2rem}.socialContainer{padding-top:1.25rem}a.socialButton{font-size:1.4rem;padding:0.75rem 1rem}.socialButton img{width:30px}#footer{max-width:700px}#footer p{font-size:0.75rem}#footer img{max-width:72px}.post-image{max-width:200px}}@media (max-width: 1280px){#navBar a{font-size:0.9rem;padding:2px 10px 2px 10px}h1{font-size:1rem}p{font-size:0.9rem}li{font-size:0.7rem}#pageHeader img{max-width:504px}#pageContainer{max-width:500px;padding:1.5rem}.divider{margin-top:1.75rem;margin-bottom:1.75rem}a.download{font-size:1.4rem;padding:8px 13px 8px 13px}.socialContainer{padding-top:1rem}a.socialButton{font-size:0.9rem;padding:0.5rem 0.75rem}.socialButton img{width:20px}#footer{max-width:500px}#footer p{font-size:0.6rem}#footer img{max-width:64px}.post-list h2{font-size:1.2rem}.post-image{max-width:200px}}.hamburger{display:none;position:absolute;top:16px;right:0;color:#3e3e3e;aspect-ratio:1;text-shadow:1px 1px 1px rgba(0,0,0,0.7);cursor:pointer}@media (max-width: 1000px){#navBar{display:none;flex-direction:column;justify-content:space-evenly;position:absolute;top:60px;right:20px;background:white;border:1px solid #ccc;width:fit-content;height:fit-content;padding:10px;z-index:1000}#navBar a{line-height:1.6}#navBar a:hover{color:var(--text-navbar)}#navBar.active{display:flex}.hamburger{display:block;top:16px;right:0}h1{font-size:1.2rem}p{font-size:0.9rem}li{font-size:0.9rem}#pageContainer{padding:1rem}.socialGrid{grid-template-columns:1fr;gap:0.75rem}.socialButton{font-size:0.95rem;padding:0.7rem 0.8rem}.socialButton.center{width:100%;margin:0.75rem 0 0.75rem 0}a.download{font-size:1.5rem;padding:8px 13px 8px 13px}a.socialButton{font-size:1.2rem;padding:0.5rem 0.75rem}.socialButton img{width:30px}.desc{grid-template-columns:1fr;gap:1.5rem}.descImage{max-width:300px;margin-left:auto;margin-right:auto}.descText h2{font-size:1.4rem}.post-list h2{font-size:1.1rem}.post-image{max-width:100px}}