*, *::before, *::after {box-sizing: border-box;}ul[class], ol[class] {padding: 0;}body, h1, h2, h3, h4, p, li {margin: 0;}body {min-height: 100vh;scroll-behavior: smooth;text-rendering: optimizeSpeed;line-height: 1;background-color: #2E2E2E;color: #FFE8E8;font-family: "Poppins", sans-serif;}ul, ol {list-style: none;margin: 0;padding: 0;}img {max-width: 100%;display: block;}input, button, textarea, select {font-family: "Poppins", sans-serif;outline: none;}button {outline: none;cursor: pointer;}a {display: flex;text-decoration: none;transition: 0.1s ease-in-out;}button {transition: 0.1s ease-in-out;}h1{margin:5px 10px;color: #AD3E2B;font-size: 15px;line-height: 22px;}#container {display: flex;flex-direction: column;min-height: 100vh;}#content {width: 100%;flex: 1 1;position: relative;}::placeholder {color: #eaeaea;opacity: 1;font-size: 12px;font-weight: 300;}#header {text-align:center;height: 60px;line-height: 60px;background: #1C1A1A;}.logo_container a{display:inline-block;color: #fff;letter-spacing: -2px;font-size: 18px;font-weight: bold;font-family: Verdana, Geneva, Tahoma, sans-serif;}.header_text{margin: 5px 10px;line-height:20px;}.page-info{margin: 10px;line-height:25px;}.users {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 5px;padding: 5px;}.user {background-color: #2b2828;}.user_link {position: relative;padding-bottom: 56.25%;color: #6d6d6d;text-align: center;}.user_photo {position: absolute;width: 100%;height: 100%;object-fit: cover;}.offline {filter: brightness(50%);}.user_off {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: rgb(0 0 0 / 85%);padding: 2px 4px;color: #fff;font-size: 9px;border-radius: 3px;}.user_info {width: 100%;height: 20px;background-color: #261f1f;display: flex;align-items: center;color: #fff;font-size: 11px;font-weight: 400;padding: 2px 4px 0 4px;}.username {height: 100%;width: 80%;display: flex;align-items: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.age {height: 100%;width: 20%;display: flex;align-items: center;justify-content: flex-end;}.bio {height: 30px;background-color: #850526;padding: 4px;color: #fff;line-height: 12px;font-size: 9px;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}#template {display: none;}#load_btn {padding: 15px 30px;background: #222222;border: 1px solid #000000;font-size: 15px;color: #ad3e2b;font-weight: bold;cursor: pointer;display: flex;align-items: center;justify-content: center;width:200px;margin:auto;margin-top:20px;}#load_btn:hover {background-color: #000;}#footer {padding: 10px;color: #eaeaea;text-align: center;}#footer p {font-size: 12px;margin-top: 10px;line-height: 16px;}@media screen and (min-width: 568px) {.users {grid-template-columns: repeat(3, minmax(0, 1fr));}}@media screen and (min-width: 768px) {.users {grid-template-columns: repeat(4, minmax(0, 1fr));}}@media screen and (min-width: 1024px) {.users {grid-template-columns: repeat(5, minmax(0, 1fr));}}@media screen and (min-width: 1280px) {.users {grid-template-columns: repeat(6, minmax(0, 1fr));padding: 0 10px;}}@media screen and (min-width: 1920px) {.users {grid-template-columns: repeat(8, minmax(0, 1fr));padding: 0 10px;}}@media screen and (min-width: 2600px) {.users {grid-template-columns: repeat(10, minmax(0, 1fr));padding: 0 10px;}}