@media (min-width: 768px) {
  html {
    max-width: 100%;
    overflow-x: hidden;
    touch-action: pan-x pan-y;
    transform: scale(1);
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    width: 100%;
  }
}

  @media (max-width: 767px) {
  body {
    max-width: 90%;
    overflow-x: hidden;
    touch-action: pan-x pan-y;
    transform: scale(1.20);
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    width: 90%;
    zoom: 0.5; 
  }
}
  @media (max-width: 767px) {
  .mobile-nav {
    max-width: 100%;
    overflow-x: hidden;
    touch-action: pan-x pan-y;
    transform: scale(0.98);
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    width: 100%;
    zoom: 1.75; 
  }
}

.code {
  background-color:rgb(138, 138, 138);
}

.b-c-green  {
    border: 3.1px solid rgb(0, 255, 0);
}

.b-c-white {
    border: 3.1px solid yellow;
    color: yellow;
}

.b-wbt-c-cyan {
    color:rgb(0, 255, 255);
    border: 5px solid rgb(0, 255, 255);
    border-top: 0px !important;
}

#b-wbt-c-like {
    color:#ff6384;
    border: 5px solid #ff6384;
    border-top: 0px !important;
}

#b-wbt-c-boost {
    color:rgb(0, 255, 0);
    border: 5px solid rgb(0, 255, 0);
    border-top: 0px !important;
}

#b-wbt-c-comment {
    color:#ce7dc7;
    border: 5px solid #ce7dc7;
    border-top: 0px !important;
}

#b-wbt-c-download {
    color:#ae00ff;
    border: 5px solid #ae00ff;
    border-top: 0px !important;
}

#b-wbt-c-track-follow {
    color:red !important;
    border: 5px solid red !important;
    border-top: 0px !important;
}

#b-wbt-c-listening {
    color:#1e90ff !important;
    border: 5px solid #1e90ff !important;
    border-top: 0px !important;
}

#b-wbt-c-playtime {
    color:#f9f871 !important;
    border: 5px solid #f9f871 !important;
    border-top: 0px !important;
}

#b-wbt-c-general {
    color:yellow !important;
    border: 5px solid yellow!important;
    border-top: 0px !important;
}

#b-wbt-c-gas {
    color: rgb(255, 72, 0) !important;
    border: 5px solid rgb(255, 72, 0) !important;
    border-top: 0px !important;
}


#b-p-c-like {
    color:#ff6384;
    border: 5px solid #ff6384;
}

#b-p-c-boost {
    color:rgb(0, 255, 0);
    border: 5px solid rgb(0, 255, 0);
}

#b-p-c-comment {
    color:#ce7dc7;
    border: 5px solid #ce7dc7;
}

#b-p-c-download {
    color:#ae00ff;
    border: 5px solid #ae00ff;
}

#b-p-c-track-follow {
    color:red !important;
    border: 5px solid red !important;
}

#b-p-c-listening {
    color:#1e90ff !important;
    border: 5px solid #1e90ff !important;
}

#b-p-c-playtime {
    color:#f9f871 !important;
    border: 5px solid #f9f871 !important;
}

#b-p-c-general {
    color:yellow !important;
}

#p-c-like {
    color:#ff6384;
}

#p-c-boost {
    color:rgb(0, 255, 0);
}

#p-c-comment {
    color:#ce7dc7;
}

#p-c-download {
    color:#ae00ff;
}

#p-c-track-follow {
    color:red !important;
}

#p-c-listening {
    color:#1e90ff !important;
}

#p-c-playtime {
    color:#f9f871 !important;
}

#p-c-general {
    color:yellow !important;
}

.b-c-cyan {
    color: rgb(0, 255, 255);
    border: 3.1px solid rgb(0, 255, 255);
}

.b-c-green {
    border: 3.1px solid rgb(0, 255, 0);
}

.b-c-yellow {
    border: 3.1px solid yellow !important;
}

.b-c-orange {
    border: 3.1px solid rgb(255, 81, 0);
}

.b-c-red {
    border: 3.1px solid red;
}

.b-r-c-fuel {
    color: #ffa500 !important;
}

.b-r-c-gas {
    color:  rgb(255, 72, 0) !important}

.b-r-c-mccc {
    color: rgb(0, 255, 255) !important;
}

.table-container {
    border-collapse: separate;
    border-spacing: 10px;
}

.itc-c {
    color: rgb(195, 0, 255) !important;
    font-weight: bolder !important;
}

.mccc-c {
    color: cyan !important;
    font-weight: bolder !important;
}

.fuel-c {
    color: #ffa500 !important;
    font-weight: bolder !important;
}

.gas-c {
    color: rgb(255, 72, 0) !important;
    font-weight: bolder !important;
}

.itc-c-span {
    color: rgb(195, 0, 255) !important;
    text-decoration: underline;
    font-weight: bolder;
}

.mccc-c-span {
    color: cyan !important;
    text-decoration: underline;
    font-weight: bolder;
}

.border-c-cyan {
  border: 3.1px solid rgb(0, 255, 255) !important;
}

#cyan-underlined:hover {
  color: cyan !important;
  text-decoration: overline !important;
}

.fuel-c-span {
    color: #ffa500;
    text-decoration: underline;
    font-weight: bolder;
}

.gas-c-span {
    color: rgb(255, 72, 0);
    text-decoration: underline;
    font-weight: bolder;
}

.li-c-itc {
    color: rgba(195, 0, 255);
    font-weight: bold;
    position: relative;
    display: flex;
    flex-direction: column;
}

.heading-c-itc {
    color: rgba(195, 0, 255);
    font-weight: bold;
}

.h3-c-L {
    color: rgb(255, 81, 0);
    text-decoration: overline;
    font-weight: bolder;
}

.li-c-L {
    color: rgb(255, 81, 0);
    font-weight: bolder;
}

.h3-c-A {
    color: rgb(255, 0, 0);
    text-decoration: overline;
    font-weight: bolder;
}

.th-c-yellow {
    border: 3.1px solid white;
    color: yellow;
    font-weight: bolder;
}

.td-c-red {
    border: 3.1px solid red;
    color: red;
    font-weight: bolder;
}

.td-c-white {
    border: 3.1px solid white;
    color: white;
    font-weight: bolder;
}

.td-c-orange {
    border: 3.1px solid rgb(255, 81, 0) !important;
    color: rgb(255, 81, 0) !important;
    font-weight: bolder;
}

.td-c-orange-span {
    color: rgb(255, 81, 0) !important;
    font-weight: bolder;
}

.td-c-red-span {
    color: rgb(255, 0, 0);
    font-weight: bolder;
}

.a-c-red {
    color: rgb(255, 0, 0) !important;
    text-decoration: overline !important;
    font-weight: bolder;
}

.a-c-red:hover {
    color: rgb(255, 0, 0) !important;
    text-decoration: underline !important;
    font-weight: bolder;
}

.a-c-red:focus {
    color: rgb(255, 0, 0) !important;
    text-decoration: overline underline !important;
    font-weight: bolder;
}

.a-c-orange {
    color: rgb(255, 81, 0) !important;
    text-decoration: overline !important;
    font-weight: bolder;
}

.a-c-orange:hover {
    color: rgb(255, 81, 0) !important;
    text-decoration: underline !important;
    font-weight: bolder;
}

.a-c-orange:focus {
    color: rgb(255, 81, 0) !important;
    text-decoration: overline underline !important;
    font-weight: bolder;
}

.td-c-cyan {
    color: rgb(0, 255, 255);
    border: 3.1px solid rgb(0, 255, 255);
}

.a-c-cyan {
    color: rgb(0, 255, 255) !important;
    text-decoration: underline !important;
    font-weight: bolder !important;
}

.a-c-cyan:hover {
    color: rgb(0, 255, 255);
    text-decoration: overline !important;
    font-weight: bolder;
}

.a-c-cyan:focus {
    color: rgb(0, 255, 255);
    text-decoration: underline overline !important;
    font-weight: bolder;
}

.a-c-itc {
    color: rgb(195, 0, 255) !important;
    text-decoration: underline !important;
    font-weight: bolder !important;
}

.a-c-itc:hover {
    color: rgb(195, 0, 255) !important;
    text-decoration: overline !important;
    font-weight: bolder;
}

.a-c-itc:focus {
    color: rgb(195, 0, 255) !important;
    text-decoration: underline overline !important;
    font-weight: bolder;
}

.td-c-itc {
    color: rgb(195, 0, 255) !important;
    border: 3.1px solid rgb(195, 0, 255) !important;
}

.td-c-yellow {
    color: yellow;
    border: 3.1px solid yellow;
}

.hr-dashed-yellow {
    border: 2px dashed yellow;
}

.td-c-green {
    color: rgb(0, 255, 0);
    border: 3.1px solid rgb(0, 255, 0);
}

.p-c-purple {
    color: rgb(117, 4, 254) !important;
    font-weight: bolder !important;
}

.p-c-purple-b {
    color: rgb(117, 4, 254) !important;
    font-weight: bolder !important;
    border-bottom: 5px solid rgb(117, 4, 254) !important;
    position: center;
}

#p-c-white {
    color: white !important;
    font-weight: bolder !important;
}

.p-c-white {
    color: white !important;
    font-weight: bolder !important;
}

.p-c-red {
    color: red !important;
    text-align: center !important;
}

.p-c-red-span {
    color: red !important;
    text-align: center !important;
    text-decoration: underline !important;
}

.p-c-green {
    color: rgb(0, 255, 0) !important;
    font-weight: bolder;
}

.p-c-green-span {
    color: rgb(0, 255, 0) !important;
    font-weight: bolder;
}


.p-c-orange {
    color: rgb(255, 81, 0) !important;
    font-weight: bolder;
}

.p-c-orange-span {
    color: rgb(255, 81, 0) !important;
    font-weight: bolder;
    text-decoration: underline !important;
}


.a-c-green {
    color: rgb(0, 255, 0) !important;
    text-decoration: overline !important;
    font-weight: bolder;
}

.a-c-green:hover {
    color: rgb(0, 255, 0) !important;
    text-decoration: underline !important;
    font-weight: bolder;
}

.a-c-green:focus {
    color: rgb(0, 255, 0) !important;
    text-decoration: overline underline !important;
    font-weight: bolder;
}

.td-c-yellow {
    color: yellow;
    border: 3.1px solid yellow;
}

.p-c-yellow {
    color: yellow !important;
}

.a-c-yellow {
    color: yellow !important;
    text-decoration: overline !important;
    font-weight: bolder;
}

.a-c-yellow:hover {
    color: yellow !important;
    text-decoration: underline !important;
    font-weight: bolder;
}

.a-c-yellow:focus {
    color: yellow !important;
    text-decoration: overline underline !important;
    font-weight: bolder;
}

.p-c-goldenrod {
    color: goldenrod !important;
}

.li-c-white {
    color: white !important;
}

.border-13-px {
    border-radius: 13px;
}

.no-display {
    display: none !important;
}

#Feed-Buttons {
    background-color: red !important;
    position: relative;
    top: 1px;
    left: -10px;
    width: 103%;
}

#Feed-Icon:hover {
    border-bottom: 5px solid red;
}

.global-summary {
  font-family: monospace !important;
  font-size: 23px !important
}

#subblocksContainer {
  font-family: monospace !important;
  font-size: 23px !important
}

.track-block {
  font-family: monospace !important;
  font-size: 23px !important
}

.track-header {
  font-family: monospace !important;
  font-size: 23px !important
}

.font-size-23-px-mono {
  font-family: monospace !important;
  font-size: 23px !important;
}

code.code-tb {
    background-color: rgb(73, 73, 73);
    font-size: 23px !important;
    font-family: monospace !important;
}

code.code-tb2 {
    background-color: rgb(173, 173, 173);
    font-size: 23px !important;
    font-family: monospace !important;
}