@font-face 		{
				font-family: 'Share Tech Mono';
				src: url('/font.eot');

				}

body            {letter-spacing: 0.1px; padding: 0; margin: 0; font-family: 'Share Tech Mono', Monospace, Courier; 
                font-weight: 400; font-size: 17px; color: #c8c8c8; background: #222;}
html            {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
pre             {padding: 0; margin: 0 0 50px 0;}
ul              {padding: 0;}
span            {padding: 0; margin: 0 10px 0 0;}
li              {margin: 15px 0; padding: 0; list-style: none;}
a               {text-decoration: none; color: #fff;}
a:hover         {color: #fff; text-decoration: underline;}
p               {padding: 0; margin: 10px 0 30px 0;}
img             {width: 900px; max-width: 900px; margin-bottom: 20px;}
#page           {max-width: 900px; margin: auto; padding: 0 20px;}
#content        {max-width:100%; margin: auto;}
#footer 		{max-width: 900px; margin:auto; margin-top: 55px;}
.header			{height: 33px; width: 100%; margin-top: 20px; margin-bottom: 50px; border-bottom: dotted 1px #444;}
.logodiv 		{max-width: 900px; margin:auto; padding: 0 20px;}
.logo			{width: 41px; margin: auto; margin-top: 18px; border: solid 1px #FFF;}
#list           {margin-bottom: 50px;}
#post           {max-width: 900px; margin-bottom: 20px; margin-top: -10px; line-height: 28px;}
.categories		{max-width: 300px; right:0; margin: 40px 60px 0 0; position: fixed; background: #222;
				text-align: right; z-index: 0;}
@media 			all and (max-width: 1000px) and (min-width: 20px) {
.categories 	{visibility: hidden;}
.catbox			{visibility: hidden;}
}
.center {margin-left: auto; margin-right: auto;}
.catbox			{width: 300px; height: 160px; right:0; margin:0; position: absolute; background: #222;
				display: block; z-index: 999;}
.footdogs       {margin:0 5px}
.tag            {color: #c8c8c8;}
.pretag         {color: #5c5c5c;}
.notification   {color: #222; background: #fff;}
.important      {margin-left: -18px;}
.title          {display: inline-block; margin-bottom: 20px; margin-top: 20px; color: #FFF;}
.shoptitle      {display: inline-block; margin-bottom: 20px; margin-top: 20px; position: fixed;}
.subtitle       {display: inline-block; margin: 20px 0; color: #FFF;}
.subtitle2      {display: inline-block; color: #222; background: #FFF;}
.subtitle2:hover{color: #222; background: #FFF;}
.code           {max-width: 900px; background: #1f1f1f; padding: 20px; margin:10px 0 30px 0; display:inline-block;}
.shop           {max-width: 900px; margin: -10px 0 40px 0;}
.codesmall      {background: #1f1f1f; display:inline-block;}
.filter         {display:block; margin-bottom: 30px; margin-top: -20px; text-align: right;}
.description    {background: #1f1f1f; padding: 10px 0 10px 10px; margin-top: 0px;}
.videowrapper   {position: relative; padding-bottom: 56.45%; height: 0;}
video 			{max-width: 100%}

/* tooltip thing*/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* ── RESPONSIVE MOBILE TWEAKS ── */
@media only screen and (max-width: 900px) {
  /* 1. Prevent any sideways scroll */
  html,
  body {
    overflow-x: hidden;
  }

  /* 2. Global box-sizing so padding/borders don’t push past 100% */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  /* 3. Match your navbar’s 10px side padding everywhere */
  #page,
  .logodiv,
  #content,
  .header,
  .categories {
    padding: 0 10px;
  }

  /* 4. Filter element: auto width + same side margins */
  .filter {
    width: auto !important;
    margin: 12px 10px 0;
    padding: 0;
  }

  /* 5. Zero out list margins/padding */
  #list {
    margin: 0;
    padding: 0;
  }

  /* 6. Clamp any rogue 100vw/full-bleed widths */
  [class*="vw"],
  [style*="100vw"],
  .full-bleed {
    width: auto !important;
    max-width: 100% !important;
  }

  /* 7. Force images/media to scale within their container */
  img,
  video,
  iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* 8. Bump up type for mobile readability */
  body {
    font-size: 18px;
    line-height: 1.5;
  }
}