* {box-sizing: border-box;}body {font-family: Arial, Helvetica, sans-serif;background-color: #181819;color: #d1d1d2;font-size: 16px;margin: 0px;}a {font-weight: bold;color: #006ede;}h1 {text-align: center;color: #ffd602;}h2 {text-align: center;color: #ffd602;}h3 {text-align: center;font-weight: bold;color: #007ede;}.main {padding: 25px 50px;}.page img {display: block;margin: auto;width: 70%;border-radius: 5px;}.r-box {padding: 12px 12px;background-color: #1f1f1e;border: 1px solid #2a2a3a;font-size: 16px;border-radius: 4px;margin: 0px;}.card-container{margin:auto;display: grid;grid-gap: 10px;grid-template-columns: repeat(8, 1fr);}.picture-container{padding-top: 5px;display: grid;grid-gap: 8px;grid-template-columns: repeat(3, 1fr);margin-bottom:-4px;}.picture img{vertical-align: bottom;max-width: 100%;border-radius: 2px;border: 1px solid #2a2a3a;}.picture a {display: flex;}.card {border: 1px solid #2a2a3a;overflow: hidden;background-color: #181819;border-radius: 4px;}.card img{max-width: 100%;}.card-img-container {position: relative;max-width: 100%;}.card-img-container a {display: block;}.card-img-container img.one{aspect-ratio: 16 / 9;object-fit: cover;width: 100%;}.card-phone-container{position: relative;max-width: 100%;}.card-phone-container img.one {width: 100%;aspect-ratio: 3 / 4;object-fit: cover;}.card-username {word-break: break-word;padding-top: 0px;padding-left: 4px;padding-right: 4px;font-size: 13px;font-weight: normal;height: 17px;overflow: hidden;}.card-username a {word-break: break-word;font-weight: bold;font-size: 16px;color: #008ede;text-decoration: none;overflow-y: hidden;line-height: 16px;}.card-username a:hover {text-decoration: underline;}.card-subject {word-break: break-all;font-size: 12px;color: #659253;padding: 2px 5px;height: 16px;overflow: hidden;line-height: 1.2em;}.card-stats {word-break: break-all;height: 17px;font-size: 11px;color: #9d9d8d;padding: 2px 5px;overflow: hidden;text-overflow: ellipsis;}.card-banner, .card-offline-banner, .tag-banner {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-left: 0px;padding-right: 2px;text-align: center;text-align: center;font-weight: none;}.card-banner, .card-offline-banner{border-radius: 4px;-moz-border-radius: 4px;background: rgba(31, 31, 31, 0.85);position: absolute;color: #d1d1d2;}.card-banner {line-height: 20px;font-size: 15px;top: 2px;left: 2px;width: 52px;height: 19px;}.card-new-banner {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: center;position: absolute;font-size: 15px;bottom: 6px;right: 2px;width: 45px;height: 19px;color: #ffd603;background: rgba(31, 31, 31, 0.85);text-align: center;font-weight: bold;line-height: 20px;border-radius: 5px;-moz-border-radius: 5px;}.card-pf-banner {position: absolute;top: -2px;right: -3px;width: 30px;height: 30px;}.card-sc-banner {position: absolute;top: 2px;right: 2px;width: 22px;height: 22px;}svg.left, svg.social, .svg.online,.svg.stats {display: inline-block;position: relative;vertical-align: baseline;}svg.left, .svg.online,.svg.stats{fill: #a074c5;height: .91em;top: .1em;vertical-align: baseline;}svg.social{fill: #569cd7;top: .1em;}.svg.online {fill: #659253;top: .092em;}.svg.stats {fill: #9d9d8d;top: .092em;}.pagi {font-size: 1x;vertical-align: bottom;margin: 3px;margin-top: 20px;}.pagi span {vertical-align: bottom;}.button-container {display: flex;justify-content: center;align-items: center;padding: 8px 8px;}.button-container button {margin: 4px 4px;padding: 4px 10px;color: #d1d1d2;appearance: none;background-color: #181819;border: 1px solid black;font-weight: bold;}.button-container button:hover{background-color: #1f1f1f;text-decoration: none;transition-duration: 0.1s;border-color: #2a2a3a;color: white;}.button-container button:active {border-color: #569cd7;}.page1 img {border: 1px solid #2a2a3a;}@media all and (max-width: 975px) {.container {display: block;}.r-box, .main {padding: 0px 0px;padding-top:1px;padding-bottom: 5px;border: none;}.main {padding: 5px }.card-container {grid-gap: 5px;margin-top: 5px;}}@media screen and (max-width: 1800px) {.card-container {grid-template-columns: repeat(8, 1fr);}}@media screen and (max-width: 1600px) {.card-container {grid-template-columns: repeat(7, 1fr);}}@media screen and (max-width: 1400px) {.card-container {grid-template-columns: repeat(6, 1fr);}}@media screen and (max-width: 1200px) {.card-container {grid-template-columns: repeat(5, 1fr);}}@media screen and (max-width: 1000px) {.card-container {grid-template-columns: repeat(4, 1fr);}}@media screen and (max-width: 800px) {.card-container {grid-template-columns: repeat(3, 1fr);}}@media screen and (max-width: 650px) {.card-container {grid-template-columns: repeat(2, 1fr);}}@media screen and (max-width: 650px) {.i-box {padding: 0px;border: none;}}

::placeholder {
  color: #cccccc;
  opacity: 1;
}

.topnav {
    overflow: hidden;
    background-color: #181818;
    border: 2px #007ede;
  }
  .topnav a {
    border: 1px solid transparent;
    float: left;
    display: block;
    color: #fdfdfd;
    text-align: center;
    padding-right: 8px;
    text-decoration: none;
    font-size: 17px;
  }
  .topnav a.icon {
    display: none;
    padding: 14px 16px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .topnav a.iconsearch {
    display: none;
    padding: 14px 16px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav a:hover {
    box-sizing: border-box;
    background-color: #1f1f1f;
    border-bottom: 1px solid #007ede;
  }
  .topnav a.active {
    background-color: #1e3d57;
    color: white;
  }
  .topnav .logo {
    border: 1px solid transparent;
    float: left;
    display: block;
    color: #fdfdfd;
    text-align: center;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 12px;
    text-decoration: none;
    font-size: 17px;
    font-weight: bolder;
  }
  .topnav .logo a:hover {
    box-sizing: border-box;
    background: #1f1f1f;
    border: 1px solid #007ede;
  }