:root {
  --bg: #050806;
  --panel: #0d1510;
  --panel-2: #111c15;
  --line: #234d31;
  --line-soft: rgba(66, 145, 89, .25);
  --accent: #32e875;
  --accent-soft: #b7ffcc;
  --text: #f5f8f5;
  --muted: #9eafa4;
  --shadow: 0 24px 65px rgba(0,0,0,.38);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  font-family: Inter, system-ui, sans-serif;
  background:
    linear-gradient(rgba(2,7,4,.88), rgba(2,7,4,.96)),
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(47,150,76,.05) 32px),
    repeating-linear-gradient(90deg, transparent 0 31px, rgba(47,150,76,.05) 32px),
    radial-gradient(circle at 12% 5%, #13371f 0, transparent 34%),
    #050806;
}
a { color: inherit; text-decoration: none; }
button, a { font: inherit; }
button { color: inherit; }

.topbar {
  width: min(1180px, calc(100% - 32px));
  min-height: 74px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  z-index: 20;
}
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-copy strong { display: block; font: 15px "Press Start 2P", monospace; }
.brand-copy small { display: block; margin-top: 5px; font-size: 8px; letter-spacing: .22em; color: var(--muted); font-weight: 800; }
.brand-cube { position: relative; width: 34px; height: 38px; display: inline-block; }
.brand-cube span { position: absolute; display: block; }
.cube-top { width: 25px; height: 14px; top: 0; left: 5px; background: #43dd75; transform: skewY(-29deg); }
.cube-left { width: 17px; height: 24px; top: 12px; left: 1px; background: #684324; transform: skewY(29deg); }
.cube-right { width: 17px; height: 24px; top: 12px; right: 1px; background: #946239; transform: skewY(-29deg); }

.nav-links { display: flex; align-items: center; gap: 26px; font-size: 13px; font-weight: 700; color: #c8d4cb; }
.nav-links a:hover { color: var(--accent-soft); }
.panel-link { padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; background: rgba(15,26,19,.8); }
.menu-button { display: none; width: 42px; height: 40px; border: 1px solid var(--line); background: var(--panel); border-radius: 8px; padding: 9px; }
.menu-button span { display: block; height: 2px; margin: 4px 0; background: white; }

.hero {
  width: min(1180px, calc(100% - 32px));
  min-height: 205px;
  margin: 0 auto 18px;
  border: 1px solid var(--line-soft);
  border-radius: 16px;
  background:
    radial-gradient(circle at 84% 44%, rgba(50,232,117,.18), transparent 25%),
    linear-gradient(135deg, #0e1b13, #070c09 72%);
  box-shadow: var(--shadow);
  overflow: hidden;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 290px;
  align-items: stretch;
}
.hero::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
}
.hero-copy {
  padding: 20px 0 19px 26px;
  position: relative;
  z-index: 3;
}
.hero-topline {
  display: flex;
  align-items: center;
  gap: 12px;
}
.network-status {
  font-size: 9px;
  letter-spacing: .18em;
  font-weight: 800;
  color: var(--accent-soft);
}
.network-status i {
  display: inline-block;
  width: 7px; height: 7px;
  border-radius: 50%;
  margin-right: 7px;
  background: var(--accent);
  box-shadow: 0 0 10px var(--accent);
}
.version-badge {
  padding: 5px 8px;
  border-radius: 999px;
  background: #1c6636;
  border: 1px solid #4bd97b;
  color: #d9ffe5;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
}
.hero h1 {
  margin: 10px 0 0;
  font: clamp(25px, 3vw, 39px)/1.08 "Press Start 2P", monospace;
  letter-spacing: -.05em;
}
.hero h1 span { color: var(--accent); text-shadow: 0 3px #07542a; }
.hero-copy > p {
  max-width: 720px;
  margin: 11px 0 13px;
  color: #b8c6bc;
  font-size: 13px;
  line-height: 1.5;
}
.hero-bottom { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.hero-actions { display: flex; gap: 9px; }
.primary-button, .secondary-button {
  min-height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 800;
}
.primary-button {
  color: #041108;
  background: var(--accent);
  border: 1px solid #6cff9d;
  box-shadow: inset 0 -3px rgba(0,0,0,.2);
}
.secondary-button { background: #121c16; border: 1px solid #31583d; }
.server-address {
  min-width: 350px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 7px 8px 7px 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: rgba(5,12,7,.76);
}
.server-address small, .connect-card small {
  display: block;
  font-size: 8px;
  letter-spacing: .18em;
  color: #819287;
  font-weight: 800;
}
.server-address strong {
  display: block;
  margin-top: 3px;
  font: 13px monospace;
}
.copy-button {
  min-height: 33px;
  padding: 0 12px;
  border: 0;
  border-radius: 7px;
  background: #1b5d31;
  color: white;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.hero-art {
  position: relative;
  min-width: 0;
  overflow: hidden;
}
.floating-island {
  position: absolute;
  width: 250px;
  height: 180px;
  left: 16px;
  top: 14px;
  filter: drop-shadow(0 18px 18px rgba(0,0,0,.48));
  transform: rotate(-2deg);
}
.grass {
  position: absolute;
  width: 80%;
  height: 36px;
  left: 10%;
  top: 30px;
  background: linear-gradient(#4ac963 0 43%, #21823b 44%);
  clip-path: polygon(7% 0,93% 0,100% 32%,90% 100%,10% 100%,0 32%);
}
.dirt {
  position: absolute;
  width: 64%;
  height: 120px;
  left: 18%;
  top: 64px;
  background: linear-gradient(90deg,#694126,#9b6337 20%,#624027 21% 40%,#8b5730 41% 72%,#5b3821 73%);
  clip-path: polygon(0 0,100% 0,84% 40%,64% 78%,50% 100%,34% 76%,16% 39%);
}
.trunk {
  position: absolute;
  width: 17px;
  height: 55px;
  left: 51%;
  top: -5px;
  background: repeating-linear-gradient(90deg,#674420 0 6px,#8f5f2c 6px 12px);
  z-index: 3;
}
.leaves {
  position: absolute;
  width: 79px;
  height: 68px;
  left: 39%;
  top: -45px;
  background: repeating-linear-gradient(45deg,#1d6d34 0 12px,#2d964a 12px 24px,#3bac59 24px 36px);
  clip-path: polygon(15% 0,85% 0,85% 14%,100% 14%,100% 86%,85% 86%,85% 100%,15% 100%,15% 86%,0 86%,0 15%,15% 15%);
  z-index: 4;
}
.waterfall {
  position: absolute;
  z-index: 5;
  width: 24px;
  height: 98px;
  top: 61px;
  right: 26%;
  background: linear-gradient(90deg,#6dd9fb,#bff6ff 48%,#3baeea);
  clip-path: polygon(0 0,100% 0,78% 100%,25% 100%);
}
.ore {
  position: absolute;
  width: 11px;
  height: 11px;
  background: #40ed83;
  box-shadow: 0 0 10px rgba(64,237,131,.8);
  transform: rotate(45deg);
  z-index: 4;
}
.ore-one { left: 33%; top: 55%; }
.ore-two { right: 33%; top: 68%; }
.pixel-star {
  position: absolute;
  width: 5px; height: 5px;
  background: var(--accent-soft);
  box-shadow: 0 0 12px var(--accent);
}
.pixel-star::before, .pixel-star::after { content:""; position:absolute; background:inherit; }
.pixel-star::before { width:15px; height:3px; left:-5px; top:1px; }
.pixel-star::after { width:3px; height:15px; left:1px; top:-5px; }
.star-one { right: 24px; top: 30px; }
.star-two { left: 26px; top: 42px; }

.section {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 48px 0;
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 35px;
  margin-bottom: 26px;
}
.section-heading.compact { margin-bottom: 22px; }
.eyebrow {
  margin: 0 0 10px;
  color: var(--accent-soft);
  font-size: 9px;
  letter-spacing: .19em;
  font-weight: 800;
}
.section-heading h2, .join-section h2, .panel-cta h2 {
  margin: 0;
  font-size: clamp(26px, 4vw, 42px);
  letter-spacing: -.045em;
}
.section-heading > p {
  max-width: 420px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
  font-size: 14px;
}

.server-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.server-card {
  overflow: hidden;
  border: 1px solid #1f3f2b;
  border-radius: 15px;
  background: linear-gradient(145deg,var(--panel-2),#0a100c);
  box-shadow: 0 17px 36px rgba(0,0,0,.22);
}
.server-card.featured { border-color: #278f4b; }
.card-banner { height: 165px; position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.slyblock { background: radial-gradient(circle at 70% 30%,#2a7443,transparent 33%),linear-gradient(145deg,#0f2d1b,#07100b); }
.kanto { background: radial-gradient(circle at 70% 25%,rgba(215,55,55,.26),transparent 25%),linear-gradient(145deg,#132239,#080d16); }
.biohazard { background: radial-gradient(circle at 60% 45%,rgba(255,61,61,.23),transparent 30%),linear-gradient(145deg,#2a0d0d,#0d0707); }
.server-badge {
  position: absolute;
  z-index: 3;
  top: 13px;
  left: 13px;
  padding: 7px 9px;
  border-radius: 7px;
  background: rgba(3,8,5,.76);
  border: 1px solid rgba(255,255,255,.12);
  font-size: 8px;
  letter-spacing: .14em;
  font-weight: 800;
}
.server-badge i {
  display: inline-block;
  width: 6px; height: 6px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px var(--accent);
}
.server-badge.project i { background: #f1b74a; box-shadow: 0 0 8px #f1b74a; }
.mini-island {
  position: absolute;
  width: 205px;
  height: 110px;
  left: 50%;
  top: 55%;
  transform: translate(-50%,-50%);
  filter: drop-shadow(0 18px 18px #000);
}
.mini-island::before {
  content:"";
  position:absolute;
  width:180px;
  height:38px;
  left:12px;
  top:9px;
  background:linear-gradient(#42ba5d 0 38%,#1f7438 39%);
  clip-path:polygon(6% 0,94% 0,100% 40%,88% 100%,10% 100%,0 40%);
}
.mini-island::after {
  content:"";
  position:absolute;
  width:125px;
  height:82px;
  left:39px;
  top:43px;
  background:linear-gradient(90deg,#6b4328,#9c6437,#604027,#8a5730);
  clip-path:polygon(0 0,100% 0,76% 48%,52% 100%,29% 53%);
}
.mini-island span {
  position:absolute;
  z-index:2;
  width:15px;
  height:50px;
  left:96px;
  top:-15px;
  background:#76502c;
}
.mini-island span::after {
  content:"";
  position:absolute;
  width:65px;
  height:54px;
  left:-25px;
  top:-40px;
  background:#2e914a;
  clip-path:polygon(14% 0,86% 0,86% 14%,100% 14%,100% 86%,85% 86%,85% 100%,15% 100%,15% 86%,0 86%,0 15%,14% 15%);
}
.pixel-ball {
  position:absolute;
  width:98px;
  height:98px;
  left:50%;
  top:52%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:linear-gradient(#d94747 0 43%,#1b1d22 44% 56%,#e9edf0 57%);
  box-shadow:0 15px 22px #000;
}
.pixel-ball::after {
  content:"";
  position:absolute;
  width:28px;
  height:28px;
  left:35px;
  top:35px;
  border-radius:50%;
  background:#f4f7f8;
  border:7px solid #1b1d22;
  box-sizing:border-box;
}
.bio-symbol {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:92px;
  color:#e34444;
  text-shadow:0 0 25px rgba(227,68,68,.5);
}
.card-body { padding: 20px; }
.title-row { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.title-row small { color:var(--accent); font-size:8px; letter-spacing:.17em; font-weight:800; }
.title-row h3 { margin:4px 0 0; font-size:22px; }
.edition { white-space:nowrap; font-size:8px; letter-spacing:.1em; color:#a9bbb0; border:1px solid #31523c; padding:6px 7px; border-radius:6px; }
.card-body > p { min-height:68px; color:var(--muted); font-size:13px; line-height:1.6; }
.tags { display:flex; gap:7px; flex-wrap:wrap; min-height:52px; align-content:start; }
.tags span { padding:6px 8px; border-radius:5px; background:#14271a; color:#a9c6b1; font-size:9px; }
.card-button {
  width:100%;
  min-height:42px;
  margin-top:14px;
  padding:0 12px;
  border:0;
  border-radius:8px;
  background:#1e6335;
  color:white;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.card-button strong { font-family:monospace; color:#baffce; }
.coming-soon {
  margin-top:14px;
  padding:13px;
  border:1px dashed #385040;
  border-radius:8px;
  color:#819286;
  font-size:10px;
  text-align:center;
}

.join-section {
  width:min(1180px,calc(100% - 32px));
  margin:35px auto;
  padding:42px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(135deg,#0f1e14,#080d0a);
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:45px;
  align-items:center;
}
.join-section > div > p:not(.eyebrow) { color:var(--muted); line-height:1.6; }
.connect-grid { display:grid; gap:11px; }
.connect-card {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:13px;
  padding:15px;
  background:#101a13;
  border:1px solid #25432f;
  border-radius:10px;
}
.edition-icon {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:8px;
  font:14px "Press Start 2P";
}
.edition-icon.java { background:#2a5937; color:#a9ffc1; }
.edition-icon.bedrock { background:#2e425f; color:#a9ccff; }
.connect-card strong { display:block; margin:4px 0 3px; font:700 14px monospace; }
.connect-card div > span { color:#7f9085; font-size:10px; }
.icon-copy { min-width:58px; }

.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.feature-grid article {
  min-height:165px;
  padding:21px;
  background:linear-gradient(145deg,#101b14,#090e0b);
  border:1px solid #1c3826;
  border-radius:13px;
}
.feature-grid article > span {
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:8px;
  background:#193722;
  color:var(--accent);
  font-size:17px;
}
.feature-grid h3 { margin:17px 0 8px; font-size:16px; }
.feature-grid p { color:var(--muted); font-size:12px; line-height:1.6; }

.panel-cta {
  width:min(1180px,calc(100% - 32px));
  margin:30px auto 75px;
  padding:35px 40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border:1px solid #2e7845;
  border-radius:16px;
  background:radial-gradient(circle at 85% 50%,rgba(45,232,112,.16),transparent 30%),linear-gradient(135deg,#11261a,#09110d);
}
.panel-cta p:not(.eyebrow) { max-width:680px; color:var(--muted); line-height:1.6; font-size:13px; }

footer {
  width:min(1180px,calc(100% - 32px));
  min-height:105px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1.5fr 1fr;
  align-items:center;
  gap:28px;
  border-top:1px solid #1c3424;
  color:#718077;
  font-size:9px;
}
.footer-brand { font-family:"Press Start 2P"; font-size:10px; color:#b7c6bc; }
footer p:last-child { text-align:right; }

.toast {
  position:fixed;
  z-index:50;
  left:50%;
  bottom:22px;
  transform:translate(-50%,20px);
  padding:11px 15px;
  border-radius:8px;
  background:#effff3;
  color:#0a3217;
  font-size:11px;
  font-weight:800;
  opacity:0;
  pointer-events:none;
  transition:.2s;
  box-shadow:0 12px 35px #000;
}
.toast.show { opacity:1; transform:translate(-50%,0); }

@media(max-width:900px){
  .hero { grid-template-columns:1fr 220px; }
  .floating-island { left:-5px; transform:scale(.8) rotate(-2deg); transform-origin:center; }
  .server-grid { grid-template-columns:1fr 1fr; }
  .server-card:first-child { grid-column:1/-1; }
  .feature-grid { grid-template-columns:1fr 1fr; }
  .join-section { grid-template-columns:1fr; gap:26px; }
}

@media(max-width:700px){
  .menu-button { display:block; }
  .nav-links {
    display:none;
    position:absolute;
    top:66px;
    left:0;
    right:0;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#0c1510;
    box-shadow:var(--shadow);
  }
  .nav-links.open { display:flex; }
  .hero { grid-template-columns:1fr; }
  .hero-copy { padding:18px; }
  .hero-art { display:none; }
  .hero h1 { font-size:clamp(24px,8vw,34px); }
  .server-address { min-width:0; width:100%; }
  .section-heading { flex-direction:column; align-items:flex-start; gap:12px; }
  .server-grid { grid-template-columns:1fr; }
  .server-card:first-child { grid-column:auto; }
  .feature-grid { grid-template-columns:1fr; }
  .join-section { padding:28px 20px; }
  .panel-cta { padding:28px 22px; flex-direction:column; align-items:flex-start; }
  footer { grid-template-columns:1fr; text-align:center; padding:25px 0; }
  footer p:last-child { text-align:center; }
}

@media(max-width:440px){
  .hero-topline { flex-wrap:wrap; }
  .hero-actions { width:100%; }
  .hero-actions a { flex:1; }
  .server-address strong { font-size:12px; }
  .card-button strong { display:none; }
}


/* Homepage V5 fixes */
button,
.primary-button,
.secondary-button,
.copy-button,
.card-button,
.panel-link {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
  box-shadow: none;
}

.hero-copy {
  padding-left: 42px !important;
  padding-right: 18px !important;
}

.hero-topline {
  margin-bottom: 12px;
}

.network-status,
.version-badge {
  line-height: 1.2;
}

.primary-button {
  background: #32e875 !important;
  color: #041108 !important;
  border: 1px solid #73f7a0 !important;
}

.secondary-button {
  background: #142019 !important;
  color: #ffffff !important;
  border: 1px solid #365c42 !important;
}

.copy-button {
  background: #1e6335 !important;
  color: #ffffff !important;
  border: 1px solid #2f8b4d !important;
}

.card-button {
  background: #1e6335 !important;
  color: #ffffff !important;
  border: 1px solid #2f8b4d !important;
}

.panel-link {
  background: #111a14 !important;
  color: #ffffff !important;
  border: 1px solid #31523c !important;
}

.feature-mark {
  font-family: "Press Start 2P", monospace;
  font-size: 10px !important;
  letter-spacing: 0;
}

.bio-symbol {
  font-family: "Press Start 2P", monospace;
  font-size: 30px !important;
  letter-spacing: .08em;
  color: #ff6262;
}

@media(max-width:700px){
  .hero-copy {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media(max-width:440px){
  .hero-copy {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* Homepage V6 live Minecraft status */
.server-badge.live-status {
  display: inline-flex;
  align-items: center;
}

.server-badge.live-status.is-online i,
.large-status-dot.is-online {
  background: #32e875;
  box-shadow: 0 0 10px #32e875;
}

.server-badge.live-status.is-offline i,
.large-status-dot.is-offline {
  background: #ef5555;
  box-shadow: 0 0 10px rgba(239,85,85,.8);
}

.server-badge.live-status.is-checking i,
.large-status-dot.is-checking {
  background: #f1b74a;
  box-shadow: 0 0 10px rgba(241,183,74,.75);
  animation: status-pulse 1.2s infinite;
}

@keyframes status-pulse {
  50% { opacity: .4; }
}

.live-server-status {
  margin-top: 13px;
  padding: 12px;
  border: 1px solid #284b34;
  border-radius: 9px;
  background: rgba(6,14,9,.72);
}

.status-summary {
  display: flex;
  align-items: center;
  gap: 10px;
}

.large-status-dot {
  width: 11px;
  height: 11px;
  flex: 0 0 auto;
  border-radius: 50%;
}

.status-summary strong {
  display: block;
  font-size: 12px;
}

.status-summary span {
  display: block;
  margin-top: 3px;
  color: #8fa097;
  font-size: 9px;
  line-height: 1.35;
}

.status-details {
  display: grid;
  grid-template-columns: .7fr 1.5fr .8fr;
  gap: 8px;
  margin-top: 11px;
  padding-top: 10px;
  border-top: 1px solid rgba(72,122,87,.3);
}

.status-details > span {
  min-width: 0;
}

.status-details small {
  display: block;
  color: #718077;
  font-size: 7px;
  letter-spacing: .13em;
  font-weight: 800;
}

.status-details strong {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: #d5e5da;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-server-status.is-online {
  border-color: rgba(50,232,117,.45);
}

.live-server-status.is-offline {
  border-color: rgba(239,85,85,.4);
}

@media(max-width:440px) {
  .status-details {
    grid-template-columns: 1fr 1fr;
  }

  .status-details > span:last-child {
    display: none;
  }
}


/* Homepage V7: tighter worlds section and smaller server cards */
#servers.section {
  padding-top: 28px !important;
  padding-bottom: 40px !important;
}

#servers .section-heading {
  margin-bottom: 18px !important;
}

#servers .section-heading h2 {
  font-size: clamp(24px, 3.5vw, 36px) !important;
}

#servers .section-heading > p {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.server-grid {
  gap: 14px !important;
}

.server-card {
  border-radius: 13px !important;
}

.card-banner {
  height: 138px !important;
}

.card-body {
  padding: 16px !important;
}

.title-row h3 {
  font-size: 20px !important;
}

.card-body > p {
  min-height: 56px !important;
  margin: 10px 0 12px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.tags {
  min-height: 42px !important;
  gap: 6px !important;
}

.tags span {
  padding: 5px 7px !important;
  font-size: 8px !important;
}

.live-server-status {
  margin-top: 10px !important;
  padding: 10px !important;
}

.status-details {
  margin-top: 8px !important;
  padding-top: 8px !important;
}

.card-button {
  min-height: 38px !important;
  margin-top: 10px !important;
}

.coming-soon {
  margin-top: 10px !important;
  padding: 10px !important;
}

.mini-island {
  transform: translate(-50%,-50%) scale(.84) !important;
}

.pixel-ball {
  transform: translate(-50%,-50%) scale(.85) !important;
}

.bio-symbol {
  transform: translate(-50%,-50%) scale(.88) !important;
}

@media(max-width:700px) {
  #servers.section {
    padding-top: 22px !important;
  }
}