@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.navigation{height:65px;display:grid;grid-template-columns:1fr 1fr 1fr;align-content:center;position:fixed;top:0;width:100%;z-index:999;background-color:#000}@media (min-width: 900px){.navigation{height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center}}.navigation a{color:#fff!important;text-decoration:none}.navigation .hamburger-btn{color:#fff}@media (min-width: 900px){.navigation .hamburger-btn{display:none}}.navigation .title{font-family:TF2 Build,sans-serif;font-size:2rem;display:flex;justify-content:center;align-items:center;white-space:nowrap}.navigation .title:hover{cursor:pointer}.navigation .title:focus{outline:none}.navigation .title img{padding-left:1rem;height:50px}.navigation .nav-items{display:none;font-family:TF2 Secondary,sans-serif}.navigation .nav-items a{color:#fff;text-decoration:none;line-height:36px;padding:0 1rem}@media (min-width: 900px){.navigation .nav-items{display:flex;justify-content:center}}.mobile-nav a{color:inherit;text-decoration:none}.content-container{margin-top:calc(65px + 1rem);margin-left:1rem;margin-right:1rem;margin-bottom:1rem}@media (min-width: 900px){.content-container{margin-top:calc(90px + 1rem);margin-left:15vw;margin-right:15vw}}.footer{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:1rem}.footer h4{margin:.5rem}.grid-container{display:grid;grid-template-columns:auto;gap:1rem}@media (min-width: 900px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 2000px){.grid-container{grid-template-columns:repeat(3,1fr)}}.top{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}@font-face{font-family:TF2;src:url(/fonts/TF2.ttf) format("truetype")}@font-face{font-family:TF2 Build;src:url(/fonts/tf2build.ttf) format("truetype")}@font-face{font-family:TF2 Professor;src:url(/fonts/tf2professor.ttf) format("truetype")}@font-face{font-family:TF2 Secondary;src:url(/fonts/TF2secondary.ttf) format("truetype")}html,body{height:100%}body{margin:0;color:#fff;font-family:Roboto,Helvetica Neue,sans-serif;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),transparent url(/img/alpine.jpg) 0% 0% no-repeat padding-box;background-size:cover;background-attachment:fixed}a,a:visited{color:orange}.no-select,.home .filters .card{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.welcome{text-align:center}.welcome .title{font-size:1.5rem;font-weight:700;margin:0}.welcome .text{padding-top:1rem}.card{background:rgba(255,255,255,.1) 0% 0% no-repeat padding-box;height:100%;border-radius:1rem}.card .card-content{padding:1.5rem;height:calc(100% - 3rem);backdrop-filter:blur(30px) brightness(115%);-webkit-backdrop-filter:blur(30px);border-radius:1rem}.card .card-content .header{display:flex;flex-direction:column;align-items:center}.card .card-content .header .title{font-size:1.5rem;font-family:TF2 Build,sans-serif;letter-spacing:1px}.card .card-content .header .subtitle{font-size:1rem;font-family:TF2 Secondary,sans-serif}.card .card-content .text,.card .card-content .links{padding-top:1.5rem}.card .card-content .text{align-items:center;text-align:center}.card .card-content .links{display:flex;justify-content:space-evenly;flex-wrap:wrap}.card .card-content .links .mat-button:hover{background-color:#ffffff1a}.card .card-content .links a{text-decoration:none;color:#fff}.card .card-content .image{padding-top:1rem;height:100%}.card .card-content .image img{display:block;width:100%}.content{height:100%;display:flex;flex-direction:column}.container{flex:1 0 auto;padding:0}@media (min-width: 900px){.container{padding:1rem}}.home .filters{flex-wrap:wrap;justify-content:center;padding:1rem 0}.home .filters .card{margin:.5rem 0}.home .filters .card:hover{cursor:pointer}.home .selected{-webkit-box-shadow:inset 0px 0px 0px .25rem white;-moz-box-shadow:inset 0px 0px 0px .25rem white;box-shadow:inset 0 0 0 .25rem #fff}.home .card:focus{outline:none}.home .card .card-content.filter{padding:1rem}.home .card .card-content .header .title{display:flex;justify-content:center;font-size:1.2rem}.home .search{padding-bottom:1rem}.home .search .card:hover{cursor:default}.home .search .card .card-content{padding:1rem}.home .search .card .card-content input{background:none;border:none;outline:none;font-family:TF2 Secondary,sans-serif;letter-spacing:1px;color:#fff;font-size:1.2rem;width:100%;text-align:center;height:25px}.home .search .card .card-content input::placeholder{color:#fff;opacity:1}.clean-tf2 .welcome{padding-bottom:1rem}.clean-tf2 .image-compare{padding-bottom:2rem}.clean-tf2 .image-compare img{width:100%}.trashcan .welcome{text-align:center;padding-bottom:1rem}.trashcan .welcome .title{font-size:1.5rem;font-weight:700;margin:0}.trashcan .welcome .text{padding-top:1rem}.trashcan .settings{padding-bottom:2rem}.trashcan .settings textarea{resize:vertical;width:100%}.trashcan .settings input{font-family:monospace}