@media screen and (min-width: 320px) {
         * {
            text-align: center;
            text-transform: uppercase;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, Helvetica, sans-serif;
            margin: auto;
         }

         html {
            margin: 5px auto;
         }

         h3,
         p {
            padding: 5px
         }

         .red,
         blockquote,
         h6 {
            color: #fff
         }

         .imgres {
            background: lime;
            text-transform: capitalize;
            color: black;
            font-size: xx-large;
            font-weight: 700;
            padding: 10px;
            margin: 20px auto;
            width: 85%;
            line-height: 45px;
            box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem rgb(5, 58, 1), 0 0 0.8rem rgb(1, 139, 43), 0 0 2.8rem rgb(2, 206, 111), inset 0 0 1.3rem rgb(2, 199, 166);
         }

         header,
         iframe,
         nav {
            overflow: hidden
         }
         .heading {
  background-color: yellow;
  color: #000;
  border-width: 3px;
  border-color: #6960ec;
  border-style: outset;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 05px;
  font-weight: bold;
  text-align: center;
}

         .refresh a,
         big {
            line-height: 45px
         }

         big,
         textarea {
            padding: 10px 5px
         }

         body {
            padding: 5px;
            overflow-y: scroll
         }

         :root {
            --col_1: #ffff00;
            --col_2: #800080;
            --col_3: #ffae00;
            --col_4: #00ccff;
            --col_5: #22352a;
            --col_6: lime;
            --col_7: #093550
         }

         .block,
         .logo a,
         hr {
            display: block;
            border: none
         }

         .page,
         .parent,
         .refresh,
         iframe {
            display: flex
         }

         h1 {
            padding: 7px 2px;
            color: var(--col_5)
         }

         .blink {
            display: flex;
            animation: 2s linear infinite blinker;
            -webkit-animation: 2s linear infinite blinker;
            -moz-animation: 2s linear infinite blinker
         }

         @keyframes blinker {
            50% {
               opacity: 0
            }
         }

         nav {
            position: sticky;
            top: 0;
            z-index: 9999
         }

         hr {
            margin: 20px auto
         }

         blockquote {
            font-size: larger;
            padding: 5px;
            box-shadow: inset 2px 2px 2px #ddd;
            width: 100vw;
            height: auto;
            overflow-y: auto;
            text-shadow: 2px 2px 3px #000;
            border: 1px solid #000;
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
            -webkit-border-radius: 10px
         }

         .red {
            background-color: red;
         }

         #fixedbuttonL,
         #fixedbuttonR {
            position: fixed;
            bottom: 5px;
            padding: 10px;
            color: #fff;
            z-index: 9999;
            border: 1px solid #000;
            box-shadow: 0 0 2px inset #000
         }

         #fixedbuttonR {
            right: 3px;
            background: #00f
         }

         #fixedbuttonL {
            background: red;
            left: 3px
         }

         .logo {
            background: #fff
         }

         .logo a {
            color: #000;
            padding: 1px
         }

         .refresh a,
         legend {
            padding: 5px 10px;
            font-weight: 700
         }

         .bigtext {
            padding: 20px 5px
         }

         .bigtext h1,
         .bigtext p {
            font-weight: 700;
            text-shadow: 1px 1px 1px #ccc
         }

         .bigtext h1 {
            color: #ff0;
            text-shadow: 1px 1px 2px #000
         }

         .posttext p a,
         h1,
         h3,
         h6,
         i {
            font-size: large
         }

         em {
            color: red
         }

         .refresh a,
         caption,
         h2 {
            color: #000
         }

         h3 {
            color: #ff0;
            text-shadow: #22352a 2px 2px 2px
         }

         h4 {
            color: #3d7e3d
         }

         h6 {
            background: var(--col_7);
            padding: 20px 0;
            margin: 10px auto;
            border-radius: 50px 50px 0 0;
            -webkit-border-radius: 50px 50px 0 0;
            -moz-border-radius: 50px 50px 0 0;
            -ms-border-radius: 50px 50px 0 0;
            -o-border-radius: 50px 50px 0 0
         }

         a {
            color: var(--col_2)
         }

         a,
         i,
         u {
            font-style: normal;
            color: var(--col_3);
            text-decoration: none
         }

         .refresh {
            align-items: center;
            margin: 5px auto
         }

         .refresh a {
            background: greenyellow;
            color: black;
            font-size: large;
            padding: 10px;
            width: 90%;
            border-radius: 25px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            -o-border-radius: 25px
         }

         .parent {
            flex-wrap: wrap
         }

         .parent a,
         .parent p {
            background: var(--col_2);
            color: #fff;
            flex: auto;
            padding: 12px;
            margin: 1px;
            box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, .7);
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px
         }

         iframe {
            aspect-ratio: 16/9;
            width: 100%;
            height: auto
         }

         big {
            color: #000;
            background: #fff;
            text-shadow: none;
            display: block;
            font-size: medium;
            border-radius: 10px;
            border: 2px solid #000;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px
         }

         button {
            background-color: darkcyan;
            color: white;
            width: 100%;
            font-size: large;
            padding: 10px 2px;
            border: 1px solid black;
         }

         input[type=number],
         input[type=password],
         input[type=text],
         input[type=time] {
            display: flex;
            flex-direction: column;
            color: #000;
            background: darkcyan;
            text-shadow: 2px 2px 4px #fff;
            font-size: x-large;
            font-weight: 700;
            padding: 10px 2px
         }

         input[type=number] {
            background: yellow;
         }

         input[type=button],
         input[type=submit] {
            background: #000;
            color: #fff;
            margin: 5px auto;
            padding: 10px 15px
         }

         textarea {
            width: 94%;
            color: #000;
            font-size: x-large;
            background-color: #f4f8bb
         }

         .chart tr:nth-child(2n),
         tr:nth-child(2n) {
            background-color: var(--col_7)
         }

         .chart tr:nth-child(odd),
         tr:nth-child(odd) {
            background-color: var(--col_5)
         }

         .page a {
            background: yellow;
            font-weight: 700
         }

         .chart table td:first-child,
         .chart tr:first-child {
            background-color: var(--col_2);
            font-size: smaller
         }

         .chart tr:hover {
            background: brown
         }

         .chart td:hover {
            background: #00f
         }

         table,
         tbody {
            width: 100%;
            background: black;
         }

         .rbox td,
         table,
         td,
         th {
            color: #fff
         }

         .page {
            flex-wrap: wrap;
            width: inherit
         }

         .page a {
            flex: auto;
            padding: 15px;
            color: #000;
            margin: 2px
         }

         .page a.current_page,
         .page a:hover {
            background: red;
            color: #fff
         }
      }