::selection { background: #00FF00; color: #000; }

html {
  background-color: #111; 
  height: 100%;
}

body {
  margin: 0;
  min-height: 100%;
  background: #111;
  color: #eee;
  font-family: monospace;
  padding: 5px;
  box-sizing: border-box;
}

a {
  color: #00ff00;
  text-decoration: none;  
}

.header {
  background: #262626;
  display: flex;
  gap: 15px;
  justify-content: center;
}

.hover_heads {
  color: #808080;
  cursor: pointer;
  text-decoration: none;
}

.hover_heads:hover {
  color: #00ff00;
  text-decoration: underline;
}

.sections {
  background: #262626;
  display: flex;
  gap: 15px;
  justify-content: center;
}

.custom-link {
  color: #00ff00;
}

.cropped-image {
  width: clamp(280px, 20%, 400px);
  height: 250px;
  object-fit: cover;
  object-position: center;
  border: 4px solid #00ff00;
  border-radius: 8px;
}

.bloglist {
  background: #0d0d0d;
  display: flex;
  justify-content: center;
  border: 1px solid #00ff00;
}
.list li::marker {
  content: "⌾ ";
  font-size: 1.5rem;
  color: #00ff00;
}

pre {
  background-color: #262626;
  padding: 15px;
  border-radius: 5px;
  overflow-x: auto; 
  white-space: pre;
}

.main {
  padding: clamp(10px, 5vw, 30px);
  font-size: 1rem;
  border: 1px solid #0fff00;
}

.cyberspace-container {
   line-height: 1.6;
   color: #a0a0a0;
   max-width: 100%;
   margin: 0 auto;
   border: 1px solid #00ff00;
   padding: 1rem;
   background-color: #121212;
}
.cyberspace-container  .feed-title a {
   font-size: 1.1rem;
   font-weight: bold;
   color: #00ff00;
   text-decoration: none;
   letter-spacing: 1px;
}
.cyberspace-container .feed-item-title {
   margin-top: 1.5rem;
   margin-bottom: 0.25rem;
   font-size: 1rem;
   border-top: 1px dashed #7777;
   padding-top: 1.1rem;
}
.cyberspace-container .feed-item-title a {
   color: #ffff;
   text-decoration: none;
}
.cyberspace-container .feed-item-title a:hover {
   text-decoration: underline;
   color: #00ff00;
}
.cyberspace-container .feed-item-desc {
   margin: 0 0 1.5rem 0;
   font-size: 0.9rem;
   word-wrap: break-word;
   border-bottom: 1px dashed #7777;
   padding-bottom: 1.1rem;
}
/*.cyberspace-container .feed-item-desc:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}*/
.cyberspace-container div[style*="text-align: end"] {
  display: none !important;
}
/*.badge-grid a img {
  pointer-events: none;
  -webkit-touch-callout: none;
  user-select: none;
}*/