/*! EnlighterJS Syntax Highlighter 3.6.0 | Mozilla Public License 2.0 | https://enlighterjs.org */

.enlighter-default {
    overflow: auto;
    max-height: 450px;
  }
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-copy {
    background-image: none;
    display: none;
  }
  
              .enlighter-toolbar-top .enlightertooltip {
                  width: 135px;
                  background-color: #4e5145;
                  bottom: -45px;
  margin-right: 50px;
                  transform: translateX(-40%);
              }
  
              .enlighter-toolbar-top .enlighter-btn-window .enlightertooltip {
                  transform: translateX(-65%);
              }
  
              .enlighter-toolbar-top .enlightertooltip::after {
                  margin-left: 0px;
                  border: none;
                  top: -10px;
                  left: 50%;
                  transform: translateX(-50%);
              }
  
  
              .comment-form-input-wrap textarea, form .wpcf7-form-control-wrap textarea {
                  min-width: 100%;
                  max-height: 300px;
              }
  
              /* CodingNepal - Custom Popup Box Styling */
              .cn-popup-overlay {
                  position: fixed;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  z-index: 2147484000;
                  background: rgba(52, 58, 65, 0.6);
                  backdrop-filter: blur(15px);
                  -webkit-backdrop-filter: blur(15px);
                  transition: opacity 0.2s
              }
  
              .cn-popup-box,.cn-popup-overlay {
                  opacity: 0;
                  pointer-events: none
              }
  
              .cn-popup-box {
                  position: fixed;
                  max-width: 470px;
                  top: 50%;
                  left: 50%;
                  width: 100%;
                  z-index: 2147483647;
                  padding: 40px 30px;
                  background: #fff;
                  border-radius: 15px;
                  transform: translate(-50%,-50%) scale(1.2);
                  box-shadow: 10px 10px 15px rgba(0,0,0,.06);
                  transition: opacity .2s ease-in-out,transform .2s ease-in-out
              }
  
              .cn-popup-overlay.show,.cn-popup-overlay.show .cn-popup-box {
                  opacity: 1;
                  pointer-events: auto
              }
  
              .cn-popup-overlay.show .cn-popup-box {
                  transform: translate(-50%,-50%) scale(1)
              }
  
              .cn-popup-box .content :where(p,span,a,button) {
                  font-family: Poppins,sans-serif
              }
  
              .cn-popup-box .content,.cn-popup-box .warn-icon {
                  display: flex;
                  align-items: center;
                  justify-content: center
              }
  
              .cn-popup-box .content {
                  flex-direction: column
              }
  
              .cn-popup-box .warn-icon {
                  height: 105px;
                  width: 105px;
                  color: #AC2B9A;
                  font-size: 3.1rem;
                  border-radius: 50%;
                  border: 7px solid #AC2B9A
              }
  
              .cn-popup-box .title {
                  font-size: 1.9rem;
                  font-weight: 600;
                  margin: 40px 0 0
              }
  
              .cn-popup-box .description {
                  font-size: 1.16rem;
                  text-align: center;
                  margin: 25px 0 0;
                  line-height: 30px
              }
  
              .cn-popup-box .description a {
                  color: #AC2B9A
              }
  
              .cn-popup-box .dismiss-btn {
                  margin-top: 24px;
                  padding: 16px 27px;
                  font-size: 1rem;
                  border: none;
                  outline: 0;
                  color: #fff;
                  cursor: pointer;
                  border-radius: 50px;
                  background: linear-gradient(45deg, #9D28C4, #CC344B);
                  transition: .3s
              }
  
              .cn-popup-box .dismiss-btn:hover {
                  background: linear-gradient(45deg, #aa2bd4, #d1475c);
              }
  
              .cn-popup-box .dismiss-btn:active {
                  transform: scale(.93)
              }
  
              @media screen and (max-width: 1400px) {
                  .cn-popup-box {
                      max-width:430px;
                      padding: 35px 25px 37px
                  }
  
                  .cn-popup-box .warn-icon {
                      height: 90px;
                      width: 90px;
                      font-size: 2.6rem;
                      border-width: 6px
                  }
  
                  .cn-popup-box .title {
                      font-size: 1.7rem
                  }
  
                  .cn-popup-box .description {
                      font-size: 1.08rem;
                      margin: 23px 0 0
                  }
  
                  .cn-popup-box .dismiss-btn {
                      margin-top: 23px;
                      font-size: .85rem
                  }
              }
  
              .enlighter-default .enlighter-toolbar-top.disabled-toolbar {
                  pointer-events: none!important;
              }
  
              .tdb-author-info .tdb-author-counters {
                  margin-top: -9px!important;
              }
  
              .tdb-author-box .tdb-author-counters span {
                  display: none!important;
              }
  
              .tdb-author-box .tdb-author-descr {
                  font-size: 14px;
              }
  
              .cn-video-modal {
                  position: fixed;
                  right: -385px;
                  bottom: 50px;
                  z-index: 10;
                  max-width: 385px;
                  border-radius: 6px;
                  padding: 13px 25px 20px;
                  background: #fff;
                  border: 1px solid #ddd;
                  transition: right .25s
              }
  
              .cn-video-modal.show {
                  right: 10px
              }
  
              .cn-video-modal :where(.modal-title,.close-icon) {
                  display: flex;
                  align-items: center;
                  justify-content: space-between
              }
  
              .cn-video-modal .close-icon {
                  width: 37px;
                  height: 37px;
                  cursor: pointer;
                  color: #545454;
                  font-size: 1.2rem;
                  border-radius: 50%;
                  justify-content: center;
                  margin: -5px -5px -5px -10px
              }
  
              .cn-video-modal .close-icon:hover {
                  background: #f5f5f5
              }
  
              .cn-video-modal h2 {
                  margin: 0;
                  color: #333;
                  font-weight: 600;
                  font-size: 1.15rem;
                  text-transform: uppercase
              }
  
              .cn-video-modal .video-details {
                  cursor: pointer;
                  margin-top: 17px
              }
  
              .cn-video-modal .thumbnail {
                  width: 100%;
                  aspect-ratio: 16/9;
                  border-radius: 5px
              }
  
              .cn-video-modal .title {
                  font-size: 1.09rem;
                  font-family: roboto,sans-serif;
                  font-weight: 600;
                  margin: 8px 0 0;
                  line-height: 23px;
              }
  
              /*.cn-video-modal .video-details:hover .title {color: #5372F0;} */
              .td-header-wrap .td-drop-down-search {
                  width: 430px;
              }
  
              .td-header-wrap #td-header-search {
                  font-family: "Poppins", sans-serif;
                  width: calc(100% - 83px);
                  height: 39px;
                  font-size: 13px;
                  font-weight: 500;
                  border-right: 1px solid #eaeaea;
              }
  
              .td-header-wrap .td-drop-down-search .btn {
                  height: 39px;
              }
  
              .enlighter-default {
                  overflow: auto;
                  max-height: 450px;
              }
  
              .enlighter-default.disabled-textarea {
                  user-select: none;
                  -webkit-user-select: none;
              }
  
              .sf-menu ul .td-menu-item>a {
                  font-size: 14px;
              }
  
              .enlighter-t-monokai {
                  border-radius: 4px;
              }
  
              .enlighter-default::-webkit-scrollbar {
                  width: 0px;
                  height: 0px;
              }
  
              .enlighter-default:hover::-webkit-scrollbar {
                  width: 7px;
                  height: 7px;
              }
  
              .enlighter-default::-webkit-scrollbar-track {
                  background: #333333;
              }
  
              .enlighter-default::-webkit-scrollbar-thumb {
                  background: #808080;
                  border-radius: 50px;
              }
  
              .enlighter-default::-webkit-scrollbar-thumb:hover {
                  background: #999999;
              }
  
              .enlighter-default::-webkit-scrollbar-corner {
                  background: #333333;
              }
  
              div.enlighter {
                  width: 160%;
              }
  
              .enlighter-code {
                  padding: 10px 0;
                  overflow: initial!important;
              }
  
              span.enlighter-x16 {
                  color: #fff;
              }
  
              .td-post-content pre {
                  max-height: 450px;
                  background: #f9f9f9;
              }
  
              .td-post-content pre::-webkit-scrollbar {
                  width: 7px;
                  height: 7px;
              }
  
              .td-post-content pre::-webkit-scrollbar-track {
                  background: #f2f2f2;
              }
  
              .td-post-content pre::-webkit-scrollbar-thumb {
                  background: #e6e6e6;
                  border-radius: 30px;
              }
  
           
            
  .enlighter-default.disabled-textarea {
    user-select: none;
    -webkit-user-select: none;
  }
  
  .sf-menu ul .td-menu-item > a {
    font-size: 14px;
  }
  
  .enlighter-t-monokai {
    border-radius: 4px;
  }
  
  .enlighter-default::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  
  .enlighter-default:hover::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }
  
  .enlighter-default::-webkit-scrollbar-track {
    background: #333333;
  }
  
  .enlighter-default::-webkit-scrollbar-thumb {
    background: #808080;
    border-radius: 50px;
  }
  
  .enlighter-default::-webkit-scrollbar-thumb:hover {
    background: #999999;
  }
  
  .enlighter-default::-webkit-scrollbar-corner {
    background: #333333;
  }
  
  div.enlighter {
    width: 160%;
  }
  
  .enlighter-code {
    padding: 10px 0;
    overflow: initial !important;
  }
  
  span.enlighter-x16 {
    color: #fff;
  }
  
  .td-post-content pre {
    max-height: 450px;
    background: #f9f9f9;
  }
  
  .td-post-content pre::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }
  
  .td-post-content pre::-webkit-scrollbar-track {
    background: #f2f2f2;
  }
  
  .td-post-content pre::-webkit-scrollbar-thumb {
    background: #e6e6e6;
    border-radius: 30px;
  }
  
  .td-post-content pre::-webkit-scrollbar-corner {
    background: #f2f2f2;
  }
  .enlightertooltip {
    visibility: hidden;
    width: 140px;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    border-radius: 5px;
  
    position: absolute;
    z-index: 10;
    bottom: 30px;
    transform: translateX(-42%);
  }
  
  .enlightertooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
  }
  
  .enlighter-default {
    font-family: "Source Code Pro", "Liberation Mono", "Courier New", Courier, monospace;
    font-size: 12px;
    line-height: 1.35em;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    text-align: left;
    direction: ltr;
  }
  
  .enlighter-default .enlighter-special:hover {
    background-color: #f4f8fc;
  }
  
  .enlighter-default .enlighter-raw {
    display: none;
    min-width: 100%;
    line-height: inherit;
    font-size: 1em;
    font-family: inherit;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: none;
    box-shadow: none;
  }
  
  .enlighter-default:hover .enlighter-toolbar {
    display: block;
  }
  
  .enlighter-default .enlighter-btn {
    display: inline-block;
    margin: 0 5px 0 5px;
    padding: 3px 5px 3px 5px;
    border: solid 1px #333;
    background-color: #f0f0f0;
    cursor: pointer;
    font-family: inherit;
  }
  
  .enlighter-default .enlighter-btn:hover .enlightertooltip {
    visibility: visible;
  }
  
  .enlighter-default .enlighter-toolbar .enlighter-btn-raw {
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20d%3D%22M19.436%2C36.875L6.568%2C25.002v-3.863L19.436%2C9.267v5.041l-9.583%2C8.668v0.188l9.583%2C8.669V36.875z%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M26.343%2C36.875v-5.041l9.583-8.669v-0.188l-9.583-8.668V9.267l12.868%2C11.872v3.863L26.343%2C36.875z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  }
  
  .enlighter-default .enlighter-toolbar .enlighter-btn-copy {
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2253.75%22%20y1%3D%2239.353%22%20x2%3D%2286.375%22%20y2%3D%2239.353%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2251.711%22%20y1%3D%2230.534%22%20x2%3D%2284.336%22%20y2%3D%2230.534%22%2F%3E%0D%0A%3Crect%20x%3D%228.932%22%20y%3D%227.334%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20width%3D%2221.097%22%20height%3D%2224.952%22%2F%3E%0D%0A%3Crect%20x%3D%2218.942%22%20y%3D%2215.424%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20width%3D%2221.096%22%20height%3D%2224.953%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  }
  
  .enlighter-default .enlighter-toolbar .enlighter-btn-window {
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%229.25%22%20x2%3D%2239.75%22%20y2%3D%229.25%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%2218.167%22%20x2%3D%2239.75%22%20y2%3D%2218.167%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%2227.083%22%20x2%3D%2239.75%22%20y2%3D%2227.083%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%2236%22%20x2%3D%2229.809%22%20y2%3D%2236%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  }
  
  .enlighter-default .enlighter-toolbar .enlighter-btn-website {
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22E%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23202F65%22%20d%3D%22M32.48%2C25.614H19.64l-4.933%2C9.826l17.746%2C0.037l-6.173%2C5.358L8.167%2C40.912L16.29%2C6.055h22.974l-5.734%2C5.354%0D%0A%09%09l-13.306-0.027l0.672%2C8.797h12.841L32.48%2C25.614z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  }
  
  .enlighter-code {
    overflow: hidden;
    /* display: flex; */
    /* flex-direction: column; */
  }
  
  .enlighter-origin {
    display: none !important;
  }
  
  .enlighter-clipboard {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  
  .enlighter-v-inline {
    display: inline-block;
    overflow: inherit;
    margin: 0;
  }
  img{
    /* width: 2in; */
  }
  :root {
  --color-text: navy;
  --color-bg: papayawhip;
  --color-bg-accent: #ecdcc0;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
  }
  
  @media (prefers-color-scheme: dark) {
  :root {
  --color-text: papayawhip;
  --color-bg: navy;
  --color-bg-accent: #2626a0;
  }
  }
  
  * {
  box-sizing: border-box;
  }
  
  
  
  .marquee {
  display: flex;
  margin-top: 27px;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  mask-image: linear-gradient(
  var(--mask-direction, to right),
  hsl(0 0% 0% / 0),
  hsl(0 0% 0% / 1) 20%,
  hsl(0 0% 0% / 1) 80%,
  hsl(0 0% 0% / 0)
  );
  }
  
  .marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
  }
  
  @media (prefers-reduced-motion: reduce) {
  .marquee__group {
  animation-play-state: paused;
  }
  }
  
  .marquee--vertical {
  --mask-direction: to bottom;
  }
  
  .marquee--vertical,
  .marquee--vertical .marquee__group {
  flex-direction: column;
  }
  
  .marquee--vertical .marquee__group {
  animation-name: scroll-y;
  }
  
  .marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
  }
  
  @keyframes scroll-x {
  from {
  transform: translateX(var(--scroll-start));
  }
  to {
  transform: translateX(var(--scroll-end));
  }
  }
  
  @keyframes scroll-y {
  from {
  transform: translateY(var(--scroll-start));
  }
  to {
  transform: translateY(var(--scroll-end));
  }
  }
  .enlighter-btn.enlighter-btn-raw,.enlighter-btn.enlighter-btn-window{
    display: none;
  }
  .vcx{
    position: sticky;
    top: 20px;
  }
  .copy{
    background-color: transparent;
    color: white;
    filter: blur(1px);
    border-radius: 3px;
  }
  /* Element styles */
  .svg {display: grid;/* width: 4in; *//* height: 2.8in; */place-items: center;width: var(--size);/* fill: var(--color-text); */background: white;/* aspect-ratio: 16/9; */padding: calc(var(--size) / 10);border-radius: 0.5rem;}
  img.svg:hover{
    background-image: linear-gradient( #ABC7FF,#C1E3FF);
    transition:all  0.4s ;
    border-radius: 40px;
  
  }
  
  .marquee--vertical svg {
  aspect-ratio: 1;
  width: calc(var(--size) / 1.5);
  padding: calc(var(--size) / 6);
  }
  
  /* Parent wrapper */
  .wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
  }
  
  .wrapper--vertical {
  flex-direction: row;
  height: 100vh;
  }
  
  /* Toggle direction button */
  
  
  
  
  @keyframes fade {
  to {
  opacity: 0;
  visibility: hidden;
  }
  }
  .enlighter-v-standard {
    display: block;
    width: 6.2in;
  }
  
  .enlighter-v-codegroup {
    display: block;
  }
  
  .enlighter-v-codegroup .enlighter-codegroup-wrapper {
    position: relative;
  }
  
  .enlighter-v-codegroup .enlighter-code {
    display: none;
  }
  
  .enlighter-v-codegroup .enlighter-toolbar {
    top: 44px;
  }
  
  div.enlighter {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    min-width: 100%;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-indent: 0;
    counter-reset: enlighter 0;
  }
  
  div.enlighter > div {
    display: table-row;
    margin: 0;
    border: solid 0 #fff;
    list-style: none;
    font-size: inherit;
    line-height: 1.15em;
    min-height: 14px;
  }
  
  div.enlighter > div > div {
    display: table-cell;
    padding-left: 10px;
  }
  
  div.enlighter > div > div::before {
    content: " ";
  }
  
  span.enlighter {
    display: inline-block;
    padding: 3px 5px 1px 5px;
    margin: 0 2px 0 2px;
  }
  
  .enlighter span {
    margin: 0;
    padding: 0;
    line-height: inherit;
    font-size: 1em;
    font-family: inherit;
  }
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-raw {
    background-image: none;
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-raw:after {
    content: "Raw";
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-copy {
    background-image: none;
  }
  
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-window {
    background-image: none;
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-window:after {
    content: "Extern";
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-website {
    background-image: none;
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-website:after {
    content: "EnlighterJS";
  }
  
  .enlighter-t-monokai.enlighter-hover div.enlighter > div:hover {
    background-color: #75715e;
  }
  .my{
    display: none;
  }
  .ext{
    display: none;
  }
  .imbn{
    color:cornflowerblue ;
  }
  .enlighter-linenumbers div.enlighter > div::before {
    white-space: nowrap;
    display: block;
    display: table-cell;
    width: 45px;
    min-width: 45px;
    counter-increment: enlighter;
    content: counter(enlighter, decimal) ".";
    text-align: right;
    padding-right: 8px;
  }
  
  .enlighter-toolbar {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
  }
  
  .enlighter-toolbar-bottom {
    top: unset;
    bottom: 0;
  }
  
  .enlighter-overflow-scroll.enlighter-v-codegroup .enlighter-code,
  .enlighter-overflow-scroll.enlighter-v-standard .enlighter-code {
    overflow-x: auto;
    word-wrap: normal !important;
  }
  
  .enlighter-overflow-scroll.enlighter-v-codegroup .enlighter > div > div,
  .enlighter-overflow-scroll.enlighter-v-standard .enlighter > div > div {
    white-space: pre !important;
  }
  
  .enlighter-overflow-scroll.enlighter-v-codegroup .enlighter-raw,
  .enlighter-overflow-scroll.enlighter-v-standard .enlighter-raw {
    white-space: pre !important;
  }
  
  .enlighter-collapse.enlighter-v-codegroup .enlighter-code,
  .enlighter-collapse.enlighter-v-standard .enlighter-code {
    overflow-y: auto;
    max-height: 500px;
  }
  
  .enlighter-collapse.enlighter-collapse-full.enlighter-v-standard .enlighter-code {
    max-height: none;
  }
  
  .enlighter-collapse.enlighter-collapse-full.enlighter-v-codegroup .enlighter-codegroup-wrapper {
    max-height: none;
  }
  
  .enlighter-show-rawcode .enlighter-raw {
    display: block;
  }
  
  .enlighter-show-rawcode .enlighter {
    display: none !important;
  }
  
  .enlighter-t-enlighter {
    color: #939393;
    border-radius: 8px;
    border: solid 1px #e0e0e0;
  }
  
  .enlighter-t-enlighter .enlighter-btn {
    border-radius: 3px;
    background-color: #fff;
    color: #717171;
    font-size: 1em;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 0 0 8px;
    text-decoration: none;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
  }
  
  .enlighter-t-enlighter .enlighter-btn:hover {
    border-color: #c9c9c9;
  }
  
  .enlighter-t-enlighter .enlighter-btn:after {
    content: "";
  }
  
  .enlighter-t-enlighter.enlighter-hover.enlighter-linenumbers div.enlighter > div:hover {
    color: #444;
    background-color: #fffcd3;
  }
  
  .enlighter-t-enlighter.enlighter-hover div.enlighter > div:hover {
    color: #444;
    background-color: #fffcd3;
  }
  
  .enlighter-t-enlighter .enlighter-raw {
    font-size: 1em;
    color: #000;
    background-color: #f9f9f9;
    border-radius: 8px;
    line-height: 1.4em;
    padding: 0 5px 0 60px;
  }
  
  .enlighter-t-enlighter div.enlighter > div {
    border: solid 0 #fff;
    line-height: 1.35em;
    color: #aaa;
  }
  
  .enlighter-t-enlighter div.enlighter > div:first-child {
    border-radius: 8px 8px 0 0;
  }
  
  .enlighter-t-enlighter div.enlighter > div:last-child {
    border-radius: 0 0 8px 8px;
  }
  
  .enlighter-t-enlighter div.enlighter > div.enlighter-special {
    background-color: #fdf5f0;
  }
  
  .enlighter-t-enlighter.enlighter-linenumbers div.enlighter > div::before {
    border-right: solid 1px #e0e0e0;
    background-color: #f9f9f9;
  }
  
  .enlighter-t-enlighter.enlighter-linenumbers div.enlighter > div:first-child::before {
    border-radius: 8px 0 0 0;
  }
  
  .enlighter-t-enlighter.enlighter-linenumbers div.enlighter > div:last-child::before {
    border-radius: 0 0 0 8px;
  }
  
  .enlighter-t-enlighter .enlighter-text {
    color: #000;
  }
  
  .enlighter-t-enlighter .enlighter-c0 {
    color: #99a;
  }
  
  .enlighter-t-enlighter .enlighter-c1 {
    color: #99a;
  }
  
  .enlighter-t-enlighter .enlighter-c2 {
    color: #99a;
  }
  
  .enlighter-t-enlighter .enlighter-c9 {
    color: #9baa8f;
  }
  
  .enlighter-t-enlighter .enlighter-k0 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-k1 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-k2 {
    color: #458;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-k3 {
    color: #4da0d2;
    background-color: #f0f0f0;
  }
  
  .enlighter-t-enlighter .enlighter-k4 {
    color: #4a9141;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-k5 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-k6 {
    color: #286491;
    font-style: italic;
  }
  
  .enlighter-t-enlighter .enlighter-k7 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-k8 {
    color: #4da0d2;
  }
  
  .enlighter-t-enlighter .enlighter-k9 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-k10 {
    color: #4a9141;
    font-style: italic;
  }
  
  .enlighter-t-enlighter .enlighter-k11 {
    color: #99a;
  }
  
  .enlighter-t-enlighter .enlighter-e0 {
    color: #34068a;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-e1 {
    color: #34068a;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-e2 {
    color: #009926;
  }
  
  .enlighter-t-enlighter .enlighter-e3 {
    color: #286491;
  }
  
  .enlighter-t-enlighter .enlighter-e4 {
    color: #ff8c00;
    font-style: italic;
  }
  
  .enlighter-t-enlighter .enlighter-s0 {
    color: #d14;
  }
  
  .enlighter-t-enlighter .enlighter-s1 {
    color: #d14;
  }
  
  .enlighter-t-enlighter .enlighter-s2 {
    color: #d14;
  }
  
  .enlighter-t-enlighter .enlighter-s3 {
    color: #737383;
  }
  
  .enlighter-t-enlighter .enlighter-s4 {
    color: #ff8c00;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-s5 {
    color: #d14;
    font-style: italic;
  }
  
  .enlighter-t-enlighter .enlighter-n0 {
    color: #099;
  }
  
  .enlighter-t-enlighter .enlighter-n1 {
    color: #099;
  }
  
  .enlighter-t-enlighter .enlighter-n2 {
    color: #099;
    font-style: italic;
  }
  
  .enlighter-t-enlighter .enlighter-n3 {
    color: #099;
    font-style: italic;
  }
  
  .enlighter-t-enlighter .enlighter-n4 {
    color: #099;
    font-style: italic;
  }
  
  .enlighter-t-enlighter .enlighter-n5 {
    color: #099;
    text-decoration: underline;
  }
  
  .enlighter-t-enlighter .enlighter-m0 {
    color: #0086b3;
  }
  
  .enlighter-t-enlighter .enlighter-m1 {
    color: #0086b3;
  }
  
  .enlighter-t-enlighter .enlighter-m2 {
    color: #0086b3;
  }
  
  .enlighter-t-enlighter .enlighter-m3 {
    color: #0086b3;
  }
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-copy{
    margin-right: 63px;
  }
  .enlighter-t-enlighter .enlighter-g0 {
    color: #777;
  }
  
  .enlighter-t-enlighter .enlighter-g1 {
    color: #777;
  }
  
  .enlighter-t-enlighter .enlighter-t0 {
    color: #777;
  }
  
  .enlighter-t-enlighter .enlighter-t1 {
    color: #d14;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-t2 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-t3 {
    color: #0086b3;
  }
  
  .enlighter-t-enlighter .enlighter-t4 {
    color: #009926;
  }
  
  .enlighter-t-enlighter .enlighter-t5 {
    color: #009926;
  }
  
  .enlighter-t-enlighter .enlighter-t6 {
    color: #d14;
  }
  
  .enlighter-t-enlighter .enlighter-t7 {
    color: #535353;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-t8 {
    color: #777;
    background-color: #f0f0f0;
    font-style: italic;
  }
  
  .enlighter-t-enlighter .enlighter-x1 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-x2 {
    color: #4da0d2;
  }
  
  .enlighter-t-enlighter .enlighter-x10 {
    color: #000;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-x11 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-enlighter .enlighter-x12 {
    color: #286491;
    text-decoration: underline;
  }
  
  .enlighter-t-enlighter .enlighter-x13 {
    color: #0086b3;
  }
  
  .enlighter-t-enlighter .enlighter-x14 {
    color: #099;
    font-style: italic;
  }
  
  .enlighter-t-enlighter .enlighter-x15 {
    color: #990073;
    font-style: italic;
  }
  
  .enlighter-t-enlighter.enlighter-v-inline {
    border-radius: 3px;
    background-color: #fafafa;
  }
  
  .enlighter-t-enlighter.enlighter-v-codegroup .enlighter,
  .enlighter-t-enlighter.enlighter-v-codegroup .enlighter-raw {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  
  .enlighter-t-enlighter.enlighter-v-codegroup .enlighter div:first-child {
    border-radius: 0;
  }
  
  .enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-wrapper {
    position: relative;
  }
  
  .enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-switch {
    border-radius: 8px 8px 0 0;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 5px 5px 45px;
  }
  
  .enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    padding: 3px 10px 3px 10px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    font-size: 1em;
    color: #000;
    background-color: transparent;
    width: auto;
  }
  
  .enlighter-t-enlighter.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #e5e5e5;
    color: #000;
    border-color: #c9c9c9;
  }
  
  .enlighter-t-beyond {
    color: #333;
    background-color: #f7f7fa;
    border-radius: 5px;
    border: solid 2px #e2e2e8;
    padding: 10px 10px 10px 5px;
  }
  
  .enlighter-t-beyond .enlighter-btn {
    border-radius: 3px;
    background-color: #fff;
    color: #717171;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 0 0 8px;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
    font-family: "Open Sans", Arial, Verdana, sans-serif;
  }
  
  .enlighter-t-beyond .enlighter-btn:hover {
    border-color: #c9c9c9;
  }
  
  .enlighter-t-beyond .enlighter-btn:after {
    content: "";
  }
  
  .enlighter-t-beyond.enlighter-hover div.enlighter > div:hover {
    color: #444;
    background-color: #fff;
  }
  
  .enlighter-t-beyond.enlighter-hover div.enlighter > div:hover.enlighter-special {
    background-color: #fffcd3;
    border: solid 0 #fff;
    color: #444;
  }
  
  .enlighter-t-beyond .enlighter-raw {
    background-color: #f7f7fa;
    font-size: 1.1em;
    color: #333;
    padding: 10px 15px 10px 59px;
    line-height: 1.7em;
  }
  
  .enlighter-t-beyond div.enlighter > div {
    border: solid 0 #fff;
    padding: 1px 5px 1px 10px;
    line-height: 1.5em;
    color: #aaa;
    background-color: #f7f7fa;
  }
  
  .enlighter-t-beyond div.enlighter > div:first-child {
    border-radius: 8px 8px 0 0;
  }
  
  .enlighter-t-beyond div.enlighter > div:last-child {
    border-radius: 0 0 8px 8px;
  }
  
  .enlighter-t-beyond div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-beyond div.enlighter > div.enlighter-special {
    background-color: #fff;
  }
  
  .enlighter-t-beyond.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 5px 1px 14px;
    font-size: 0.9em;
  }
  
  .enlighter-t-beyond.enlighter-linenumbers div.enlighter > div:first-child::before {
    border-radius: 0 8px 0 0;
  }
  
  .enlighter-t-beyond.enlighter-linenumbers div.enlighter > div:last-child::before {
    border-radius: 0 0 8px 0;
  }
  
  .enlighter-t-beyond .enlighter span {
    font-size: 1.1em;
  }
  
  .enlighter-t-beyond .enlighter-text {
    color: #2f3235;
  }
  
  .enlighter-t-beyond .enlighter-c0 {
    color: #8181a1;
  }
  
  .enlighter-t-beyond .enlighter-c1 {
    color: #8181a1;
  }
  
  .enlighter-t-beyond .enlighter-c2 {
    color: #8181a1;
  }
  
  .enlighter-t-beyond .enlighter-c9 {
    color: #8181a1;
  }
  
  .enlighter-t-beyond .enlighter-k0 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-k1 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-k2 {
    color: #458;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-k3 {
    color: #4da0d2;
    background-color: #f0f0f0;
  }
  
  .enlighter-t-beyond .enlighter-k4 {
    color: #4a9141;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-k5 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-k6 {
    color: #286491;
    font-style: italic;
  }
  
  .enlighter-t-beyond .enlighter-k7 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-k8 {
    color: #4da0d2;
  }
  
  .enlighter-t-beyond .enlighter-k9 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-k10 {
    color: #4a9141;
    font-style: italic;
  }
  
  .enlighter-t-beyond .enlighter-k11 {
    color: #8181a1;
  }
  
  .enlighter-t-beyond .enlighter-e0 {
    color: #34068a;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-e1 {
    color: #34068a;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-e2 {
    color: #009926;
  }
  
  .enlighter-t-beyond .enlighter-e3 {
    color: #286491;
  }
  
  .enlighter-t-beyond .enlighter-e4 {
    color: #049595;
    font-style: italic;
  }
  
  .enlighter-t-beyond .enlighter-s0 {
    color: #d14;
  }
  
  .enlighter-t-beyond .enlighter-s1 {
    color: #d14;
  }
  
  .enlighter-t-beyond .enlighter-s2 {
    color: #d14;
  }
  
  .enlighter-t-beyond .enlighter-s3 {
    color: #737383;
  }
  
  .enlighter-t-beyond .enlighter-s4 {
    color: #049595;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-s5 {
    color: #d14;
    font-style: italic;
  }
  
  .enlighter-t-beyond .enlighter-n0 {
    color: #099;
  }
  
  .enlighter-t-beyond .enlighter-n1 {
    color: #099;
  }
  
  .enlighter-t-beyond .enlighter-n2 {
    color: #099;
    font-style: italic;
  }
  
  .enlighter-t-beyond .enlighter-n3 {
    color: #099;
    font-style: italic;
  }
  
  .enlighter-t-beyond .enlighter-n4 {
    color: #099;
    font-style: italic;
  }
  
  .enlighter-t-beyond .enlighter-n5 {
    color: #099;
    text-decoration: underline;
  }
  
  .enlighter-t-beyond .enlighter-m0 {
    color: #0086b3;
  }
  
  .enlighter-t-beyond .enlighter-m1 {
    color: #0086b3;
  }
  
  .enlighter-t-beyond .enlighter-m2 {
    color: #0086b3;
  }
  
  .enlighter-t-beyond .enlighter-m3 {
    color: #0086b3;
  }
  
  .enlighter-t-beyond .enlighter-g0 {
    color: #777;
  }
  
  .enlighter-t-beyond .enlighter-g1 {
    color: #777;
  }
  
  .enlighter-t-beyond .enlighter-t0 {
    color: #777;
  }
  
  .enlighter-t-beyond .enlighter-t1 {
    color: #d14;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-t2 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-t3 {
    color: #0086b3;
  }
  
  .enlighter-t-beyond .enlighter-t4 {
    color: #009926;
  }
  
  .enlighter-t-beyond .enlighter-t5 {
    color: #009926;
  }
  
  .enlighter-t-beyond .enlighter-t6 {
    color: #d14;
  }
  
  .enlighter-t-beyond .enlighter-t7 {
    color: #535353;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-t8 {
    color: #777;
    background-color: #f0f0f0;
    font-style: italic;
  }
  
  .enlighter-t-beyond .enlighter-x1 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-x2 {
    color: #4da0d2;
  }
  
  .enlighter-t-beyond .enlighter-x10 {
    color: #000;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-x11 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-beyond .enlighter-x12 {
    color: #286491;
    text-decoration: underline;
  }
  
  .enlighter-t-beyond .enlighter-x13 {
    color: #0086b3;
  }
  
  .enlighter-t-beyond .enlighter-x14 {
    color: #099;
    font-style: italic;
  }
  
  .enlighter-t-beyond .enlighter-x15 {
    color: #990073;
    font-style: italic;
  }
  
  .enlighter-t-beyond.enlighter-v-inline {
    border-radius: 3px;
    background-color: #f7f7fa;
    border: dotted 1px #e2e2e8;
    padding: 0;
  }
  
  .enlighter-t-beyond.enlighter-v-codegroup {
    padding: 0;
    border: none;
  }
  
  .enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-wrapper {
    background-color: #f7f7fa;
    border-radius: 5px;
    border: solid 2px #e2e2e8;
    padding: 10px 10px 10px 5px;
  }
  
  .enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-switch {
    background-color: #fff;
    padding: 0 0 0 45px;
  }
  
  .enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    border: solid 2px #e2e2e8;
    border-radius: 5px 5px 0 0;
    font-size: 1em;
    color: #286491;
    font-weight: 700;
    background-color: #fff;
    border-bottom: none;
    padding: 3px 10px 3px 10px;
    width: auto;
  }
  
  .enlighter-t-beyond.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #e2e2e8;
    border-color: #d8d8dd;
    color: #505050;
    font-weight: 700;
  }
  
  .enlighter-t-classic {
    background-color: #fff;
    border: 1px solid #e8e8e2;
  }
  
  .enlighter-t-classic .enlighter-btn {
    background-color: #fff;
    color: #717171;
    font-size: 1em;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 0 0 8px;
    text-decoration: none;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
    font-family: "Open Sans", Arial, Verdana, sans-serif;
  }
  
  .enlighter-t-classic .enlighter-btn:hover {
    border-color: #c9c9c9;
  }
  
  .enlighter-t-classic .enlighter-btn:after {
    content: "";
  }
  
  .enlighter-t-classic.enlighter-hover div.enlighter > div:hover {
    background-color: #ddf0dd;
  }
  
  .enlighter-t-classic .enlighter-raw {
    font-size: 1.25em;
    color: #000;
    line-height: 1.85em;
    padding: 4px 5px 4px 58px;
  }
  
  .enlighter-t-classic div.enlighter {
    line-height: 1.7em;
  }
  
  .enlighter-t-classic div.enlighter > div {
    padding: 1px 5px 1px 14px;
    line-height: 1.7em;
    color: #aaa;
  }
  
  .enlighter-t-classic div.enlighter > div > div {
    border-left: solid 4px #52ce52;
  }
  
  .enlighter-t-classic div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-classic div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-classic div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-classic div.enlighter > div:nth-child(even) {
    background-color: #f8f8f8;
  }
  
  .enlighter-t-classic div.enlighter > div.enlighter-special {
    background-color: #edf9ec;
    border-left-color: #3fa03f;
  }
  
  .enlighter-t-classic.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 5px 1px 14px;
    color: #000;
    background-color: #f8f8f8;
    font-size: 1.15em;
    width: 55px;
    min-width: 55px;
  }
  
  .enlighter-t-classic .enlighter span {
    font-size: 1.25em;
  }
  
  .enlighter-t-classic .enlighter-text {
    color: #000;
  }
  
  .enlighter-t-classic .enlighter-c0 {
    color: #888;
  }
  
  .enlighter-t-classic .enlighter-c1 {
    color: #888;
  }
  
  .enlighter-t-classic .enlighter-c2 {
    color: #888;
  }
  
  .enlighter-t-classic .enlighter-c9 {
    color: #888;
  }
  
  .enlighter-t-classic .enlighter-k0 {
    color: #066da1;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-k1 {
    color: #066da1;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-k2 {
    color: #404247;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-k3 {
    color: #404247;
    background-color: #f0f0f0;
  }
  
  .enlighter-t-classic .enlighter-k4 {
    color: #404247;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-k5 {
    color: #404247;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-k6 {
    color: #066da1;
    font-style: italic;
  }
  
  .enlighter-t-classic .enlighter-k7 {
    color: #066da1;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-k8 {
    color: #404247;
  }
  
  .enlighter-t-classic .enlighter-k9 {
    color: #d53aa9;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-k10 {
    color: #404247;
    font-style: italic;
  }
  
  .enlighter-t-classic .enlighter-k11 {
    color: #888;
  }
  
  .enlighter-t-classic .enlighter-e0 {
    color: #d53aa9;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-e1 {
    color: #d53aa9;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-e2 {
    color: #009926;
  }
  
  .enlighter-t-classic .enlighter-e3 {
    color: #d53aa9;
  }
  
  .enlighter-t-classic .enlighter-e4 {
    color: #d53aa9;
    font-style: italic;
  }
  
  .enlighter-t-classic .enlighter-s0 {
    color: #2d47e6;
  }
  
  .enlighter-t-classic .enlighter-s1 {
    color: #2d47e6;
  }
  
  .enlighter-t-classic .enlighter-s2 {
    color: #2d47e6;
  }
  
  .enlighter-t-classic .enlighter-s3 {
    color: #2d47e6;
  }
  
  .enlighter-t-classic .enlighter-s4 {
    color: #2d47e6;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-s5 {
    color: #d53aa9;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-n0 {
    color: #d53aa9;
  }
  
  .enlighter-t-classic .enlighter-n1 {
    color: #d53aa9;
  }
  
  .enlighter-t-classic .enlighter-n2 {
    color: #d53aa9;
  }
  
  .enlighter-t-classic .enlighter-n3 {
    color: #d53aa9;
  }
  
  .enlighter-t-classic .enlighter-n4 {
    color: #d53aa9;
  }
  
  .enlighter-t-classic .enlighter-n5 {
    color: #d53aa9;
  }
  
  .enlighter-t-classic .enlighter-m0 {
    color: #404247;
  }
  
  .enlighter-t-classic .enlighter-m1 {
    color: #404247;
  }
  
  .enlighter-t-classic .enlighter-m2 {
    color: #404247;
  }
  
  .enlighter-t-classic .enlighter-m3 {
    color: #404247;
  }
  
  .enlighter-t-classic .enlighter-g0 {
    color: #444;
  }
  
  .enlighter-t-classic .enlighter-g1 {
    color: #444;
  }
  
  .enlighter-t-classic .enlighter-t0 {
    color: #444;
  }
  
  .enlighter-t-classic .enlighter-t1 {
    color: #d53aa9;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-t2 {
    color: #d53aa9;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-t3 {
    color: #066da1;
  }
  
  .enlighter-t-classic .enlighter-t4 {
    color: #009926;
  }
  
  .enlighter-t-classic .enlighter-t5 {
    color: #009926;
  }
  
  .enlighter-t-classic .enlighter-t6 {
    color: #d53aa9;
  }
  
  .enlighter-t-classic .enlighter-t7 {
    color: #444;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-t8 {
    color: #444;
    background-color: #f0f0f0;
    font-style: italic;
  }
  
  .enlighter-t-classic .enlighter-x1 {
    color: #066da1;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-x2 {
    color: #404247;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-x10 {
    color: #000;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-x11 {
    color: #286491;
    font-weight: 700;
  }
  
  .enlighter-t-classic .enlighter-x12 {
    color: #286491;
    text-decoration: underline;
  }
  
  .enlighter-t-classic .enlighter-x13 {
    color: #0086b3;
  }
  
  .enlighter-t-classic .enlighter-x14 {
    color: #099;
    font-style: italic;
  }
  
  .enlighter-t-classic .enlighter-x15 {
    color: #990073;
    font-style: italic;
  }
  
  .enlighter-t-classic.enlighter-v-inline {
    background-color: transparent;
    border: none;
  }
  
  .enlighter-t-classic.enlighter-v-codegroup {
    display: block;
  }
  
  .enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-wrapper {
    position: relative;
  }
  
  .enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-switch {
    background-color: #f8f8f8;
    padding-left: 45px;
  }
  
  .enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    border: none;
    font-size: 1.25em;
    line-height: 2.1em;
    width: auto;
    height: auto;
    background-color: transparent;
    padding: 5px 10px 5px 10px;
  }
  
  .enlighter-t-classic.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #52ce52;
    color: #f9f9f9;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla {
    border-left: solid 6px #4a80b3;
    background-image: url(data:image/gif;base64,R0lGODlhHgAeAJEAAPLz9ezt7vf39wAAACwAAAAAHgAeAAACYYyPqXvi/wCccr5gY3Y1491Z4fRlI3Rem5ByaymurQBT8nuDuM57wA8MCodEQA2V8yRjm6OmZ3G6oKSlrWlFYqlaJffpNWUvxbL5J2WNHenZrL2mxd/znfjLrm/v/Kg+UwAAOw==);
    background-repeat: repeat;
    background-position: 0 0;
  }
  
  .enlighter-t-godzilla .enlighter-btn {
    border-radius: 3px;
    background-color: #fff;
    color: #717171;
    font-size: 1em;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 0 0 8px;
    text-decoration: none;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
  }
  
  .enlighter-t-godzilla .enlighter-btn:hover {
    border-color: #c9c9c9;
  }
  
  .enlighter-t-godzilla .enlighter-btn:after {
    content: "";
  }
  
  .enlighter-t-godzilla.enlighter-hover div.enlighter > div:hover {
    background-color: #f0f0f1;
  }
  
  .enlighter-t-godzilla .enlighter-raw {
    font-size: 1.15em;
    line-height: 1.6em;
    color: #2b333a;
    padding: 4px 5px 4px 54px;
  }
  
  .enlighter-t-godzilla div.enlighter > div {
    padding: 1px 5px 1px 14px;
    line-height: 1.35em;
    color: #9c9ea0;
  }
  
  .enlighter-t-godzilla div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-godzilla div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-godzilla div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-godzilla div.enlighter > div.enlighter-special {
    background-color: #fffcd3;
  }
  
  .enlighter-t-godzilla.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 5px 1px 14px;
    background-color: transparent;
    font-size: 0.9em;
  }
  
  .enlighter-t-godzilla .enlighter span {
    font-size: 1.15em;
  }
  
  .enlighter-t-godzilla .enlighter-text {
    color: #2b333a;
  }
  
  .enlighter-t-godzilla .enlighter-c0 {
    color: #6b7c8b;
  }
  
  .enlighter-t-godzilla .enlighter-c1 {
    color: #6b7c8b;
  }
  
  .enlighter-t-godzilla .enlighter-c2 {
    color: #6b7c8b;
  }
  
  .enlighter-t-godzilla .enlighter-c9 {
    color: #5b7c9c;
  }
  
  .enlighter-t-godzilla .enlighter-k0 {
    color: #085789;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-k1 {
    color: #085789;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-k2 {
    color: #4284ae;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-k3 {
    color: #4284ae;
    background-color: #f0f0f0;
  }
  
  .enlighter-t-godzilla .enlighter-k4 {
    color: #4284ae;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-k5 {
    color: #085789;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-k6 {
    color: #085789;
    font-style: italic;
  }
  
  .enlighter-t-godzilla .enlighter-k7 {
    color: #085789;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-k8 {
    color: #4284ae;
  }
  
  .enlighter-t-godzilla .enlighter-k9 {
    color: #ae42a0;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-k10 {
    color: #ae42a0;
    font-style: italic;
  }
  
  .enlighter-t-godzilla .enlighter-k11 {
    color: #6b7c8b;
  }
  
  .enlighter-t-godzilla .enlighter-e0 {
    color: #085789;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-e1 {
    color: #085789;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-e2 {
    color: #085789;
  }
  
  .enlighter-t-godzilla .enlighter-e3 {
    color: #085789;
  }
  
  .enlighter-t-godzilla .enlighter-e4 {
    color: #d2901d;
  }
  
  .enlighter-t-godzilla .enlighter-s0 {
    color: #5e860f;
  }
  
  .enlighter-t-godzilla .enlighter-s1 {
    color: #5e860f;
  }
  
  .enlighter-t-godzilla .enlighter-s2 {
    color: #5e860f;
  }
  
  .enlighter-t-godzilla .enlighter-s3 {
    color: #5e860f;
  }
  
  .enlighter-t-godzilla .enlighter-s4 {
    color: #5e860f;
  }
  
  .enlighter-t-godzilla .enlighter-s5 {
    color: #5e860f;
  }
  
  .enlighter-t-godzilla .enlighter-n0 {
    color: #9b0d5c;
  }
  
  .enlighter-t-godzilla .enlighter-n1 {
    color: #9b0d5c;
  }
  
  .enlighter-t-godzilla .enlighter-n2 {
    color: #9b0d5c;
    font-style: italic;
  }
  
  .enlighter-t-godzilla .enlighter-n3 {
    color: #9b0d5c;
    font-style: italic;
  }
  
  .enlighter-t-godzilla .enlighter-n4 {
    color: #9b0d5c;
    font-style: italic;
  }
  
  .enlighter-t-godzilla .enlighter-n5 {
    color: #9b0d5c;
    text-decoration: underline;
  }
  
  .enlighter-t-godzilla .enlighter-m0 {
    color: #d0284a;
  }
  
  .enlighter-t-godzilla .enlighter-m1 {
    color: #d0284a;
  }
  
  .enlighter-t-godzilla .enlighter-m2 {
    color: #d0284a;
  }
  
  .enlighter-t-godzilla .enlighter-m3 {
    color: #d0284a;
  }
  
  .enlighter-t-godzilla .enlighter-g0 {
    color: #35434c;
  }
  
  .enlighter-t-godzilla .enlighter-g1 {
    color: #35434c;
  }
  
  .enlighter-t-godzilla .enlighter-t0 {
    color: #35434c;
  }
  
  .enlighter-t-godzilla .enlighter-t1 {
    color: #d0284a;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-t2 {
    color: #9b0d5c;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-t3 {
    color: #085789;
  }
  
  .enlighter-t-godzilla .enlighter-t4 {
    color: #085789;
  }
  
  .enlighter-t-godzilla .enlighter-t5 {
    color: #085789;
  }
  
  .enlighter-t-godzilla .enlighter-t6 {
    color: #d0284a;
  }
  
  .enlighter-t-godzilla .enlighter-t7 {
    color: #35434c;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-t8 {
    color: #35434c;
    background-color: #f0f0f0;
    font-style: italic;
  }
  
  .enlighter-t-godzilla .enlighter-x1 {
    color: #085789;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-x2 {
    color: #4284ae;
  }
  
  .enlighter-t-godzilla .enlighter-x10 {
    color: #35434c;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-x11 {
    color: #085789;
    font-weight: 700;
  }
  
  .enlighter-t-godzilla .enlighter-x12 {
    color: #085789;
    text-decoration: underline;
  }
  
  .enlighter-t-godzilla .enlighter-x13 {
    color: #4284ae;
  }
  
  .enlighter-t-godzilla .enlighter-x14 {
    color: #4284ae;
    font-style: italic;
  }
  
  .enlighter-t-godzilla .enlighter-x15 {
    color: #9b0d5c;
    font-style: italic;
  }
  
  .enlighter-t-godzilla.enlighter-v-inline {
    background-color: #f7f7f7;
    border: dotted 1px #e0e0e1;
    border-left: solid 2px #4a80b3;
  }
  
  .enlighter-t-godzilla.enlighter-v-codegroup .enlighter-codegroup-switch {
    font-family: "Open Sans", Arial, Verdana, sans-serif;
    background-color: #4a80b3;
    padding: 5px 5px 5px 5px;
  }
  
  .enlighter-t-godzilla.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    padding: 3px 10px 3px 10px;
    border: none;
    background-color: transparent;
    line-height: 1.7em;
    font-size: 1.15em;
    color: #f0f0f0;
    width: auto;
  }
  
  .enlighter-t-godzilla.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #00417f;
  }
  
  .enlighter-t-atomic {
    font-family: Inconsolata, Consolas, "Source Code Pro", "Liberation Mono", "Courier New", Courier,
      monospace;
    background-color: #272b33;
    font-size: 12px;
    color: #939393;
  }
  
  .enlighter-t-atomic .enlighter-toolbar {
    top: 10px;
    right: 10px;
  }
  
  .enlighter-t-atomic .enlighter-btn {
    font-family: "Open Sans", Arial, Verdana, sans-serif;
    background-image: none;
    background-color: transparent;
    color: #939393;
    font-size: 1.1em;
    padding: 2px 8px 2px 8px;
    margin: 0 5px 0 5px;
    border: solid 1px #383e49;
    border-radius: 4px;
    background-color: #13151a;
  }
  
  .enlighter-t-atomic .enlighter-btn:hover {
    background-color: #121518;
    color: #f0f0f0;
  }
  
  .enlighter-t-atomic .enlighter-toolbar .enlighter-btn-raw {
    background-image: none;
  }
  
  .enlighter-t-atomic .enlighter-toolbar .enlighter-btn-raw:after {
    content: "Raw";
  }
  
  .enlighter-t-atomic .enlighter-toolbar .enlighter-btn-copy {
    background-image: none;
  }
  
  .enlighter-t-atomic .enlighter-toolbar .enlighter-btn-copy:after {
    content: "Copy";
  }
  
  .enlighter-t-atomic .enlighter-toolbar .enlighter-btn-window {
    background-image: none;
  }
  
  .enlighter-t-atomic .enlighter-toolbar .enlighter-btn-window:after {
    content: "Extern";
  }
  
  .enlighter-t-atomic .enlighter-toolbar .enlighter-btn-website {
    background-image: none;
  }
  
  .enlighter-t-atomic .enlighter-toolbar .enlighter-btn-website:after {
    content: "EnlighterJS";
  }
  
  .enlighter-t-atomic .enlighter-raw {
    font-size: 1.4em;
    color: #cfd5e0;
    background-color: #272b33;
    line-height: 1.85em;
    padding: 4px 5px 4px 54px;
  }
  
  .enlighter-t-atomic div.enlighter > div {
    padding: 1px 5px 1px 14px;
    line-height: 1.6em;
    color: #596174;
    background-color: #272b33;
  }
  
  .enlighter-t-atomic div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-atomic div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-atomic div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-atomic div.enlighter > div.enlighter-special {
    background-color: #392d3b;
  }
  
  .enlighter-t-atomic.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 5px 1px 14px;
    font-size: 1.3em;
  }
  
  .enlighter-t-atomic.enlighter-hover div.enlighter > div:hover {
    background-color: #2e353e;
  }
  
  .enlighter-t-atomic .enlighter span {
    font-size: 1.4em;
  }
  
  .enlighter-t-atomic .enlighter-text {
    color: #cfd5e0;
  }
  
  .enlighter-t-atomic .enlighter-c0 {
    color: #6b7c8b;
  }
  
  .enlighter-t-atomic .enlighter-c1 {
    color: #6b7c8b;
  }
  
  .enlighter-t-atomic .enlighter-c2 {
    color: #6b7c8b;
  }
  
  .enlighter-t-atomic .enlighter-c9 {
    color: #5b7c9c;
  }
  
  .enlighter-t-atomic .enlighter-k0 {
    color: #d171dd;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-k1 {
    color: #d171dd;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-k2 {
    color: #d19252;
    border-bottom: dotted 1px #d19252;
  }
  
  .enlighter-t-atomic .enlighter-k3 {
    color: #4284ae;
  }
  
  .enlighter-t-atomic .enlighter-k4 {
    color: #4284ae;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-k5 {
    color: #d171dd;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-k6 {
    color: #d171dd;
    font-style: italic;
  }
  
  .enlighter-t-atomic .enlighter-k7 {
    color: #d171dd;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-k8 {
    color: #4284ae;
  }
  
  .enlighter-t-atomic .enlighter-k9 {
    color: #fff;
  }
  
  .enlighter-t-atomic .enlighter-k10 {
    color: #4284ae;
    font-style: italic;
  }
  
  .enlighter-t-atomic .enlighter-k11 {
    color: #6b7c8b;
  }
  
  .enlighter-t-atomic .enlighter-e0 {
    color: #d171dd;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-e1 {
    color: #d171dd;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-e2 {
    color: #d19252;
  }
  
  .enlighter-t-atomic .enlighter-e3 {
    color: #ae42a0;
  }
  
  .enlighter-t-atomic .enlighter-e4 {
    color: #d2901d;
    font-style: italic;
  }
  
  .enlighter-t-atomic .enlighter-s0 {
    color: #7cc379;
  }
  
  .enlighter-t-atomic .enlighter-s1 {
    color: #7cc379;
  }
  
  .enlighter-t-atomic .enlighter-s2 {
    color: #7cc379;
  }
  
  .enlighter-t-atomic .enlighter-s3 {
    color: #7cc379;
  }
  
  .enlighter-t-atomic .enlighter-s4 {
    color: #7cc379;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-s5 {
    color: #5e860f;
    font-style: italic;
  }
  
  .enlighter-t-atomic .enlighter-n0 {
    color: #d19a66;
  }
  
  .enlighter-t-atomic .enlighter-n1 {
    color: #d19a66;
  }
  
  .enlighter-t-atomic .enlighter-n2 {
    color: #d19a66;
  }
  
  .enlighter-t-atomic .enlighter-n3 {
    color: #d19a66;
  }
  
  .enlighter-t-atomic .enlighter-n4 {
    color: #d19a66;
  }
  
  .enlighter-t-atomic .enlighter-n5 {
    color: #d19a66;
  }
  
  .enlighter-t-atomic .enlighter-m0 {
    color: #4284ae;
  }
  
  .enlighter-t-atomic .enlighter-m1 {
    color: #4284ae;
  }
  
  .enlighter-t-atomic .enlighter-m2 {
    color: #4284ae;
  }
  
  .enlighter-t-atomic .enlighter-m3 {
    color: #4284ae;
  }
  
  .enlighter-t-atomic .enlighter-g0 {
    color: #6b7c8b;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-g1 {
    color: #6b7c8b;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-t0 {
    color: #6b7c8b;
  }
  
  .enlighter-t-atomic .enlighter-t1 {
    color: #9b0d5c;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-t2 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-t3 {
    color: #d171dd;
  }
  
  .enlighter-t-atomic .enlighter-t4 {
    color: #4284ae;
  }
  
  .enlighter-t-atomic .enlighter-t5 {
    color: #4284ae;
  }
  
  .enlighter-t-atomic .enlighter-t6 {
    color: #9b0d5c;
  }
  
  .enlighter-t-atomic .enlighter-t7 {
    color: #6b7c8b;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-t8 {
    color: #6b7c8b;
  }
  
  .enlighter-t-atomic .enlighter-x1 {
    color: #d171dd;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-x2 {
    color: #d19252;
    border-bottom: dotted 1px #d19252;
  }
  
  .enlighter-t-atomic .enlighter-x10 {
    color: #d171dd;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-x11 {
    color: #d171dd;
    font-weight: 700;
  }
  
  .enlighter-t-atomic .enlighter-x12 {
    color: #d171dd;
    text-decoration: underline;
  }
  
  .enlighter-t-atomic .enlighter-x13 {
    color: #d19252;
    border-bottom: dotted 1px #d19252;
  }
  
  .enlighter-t-atomic .enlighter-x14 {
    color: #d19a66;
    font-style: italic;
  }
  
  .enlighter-t-atomic .enlighter-x15 {
    color: #9b0d5c;
    font-style: italic;
  }
  
  .enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-wrapper {
    position: relative;
  }
  
  .enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-switch {
    padding: 5px 5px 0 45px;
    background-color: #121518;
  }
  
  .enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    padding: 2px 8px 0 8px;
    border: none;
    background-color: transparent;
    line-height: 2.1em;
    font-weight: 700;
    color: #f0f0f0;
    border-radius: 5px 5px 0 0;
    text-transform: lowercase;
  }
  
  .enlighter-t-atomic.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #272b33;
  }
  
  .enlighter-t-droide {
    background-color: #f7f7f9;
    border: solid 1px #e0e0e0;
  }
  
  .enlighter-t-droide .enlighter-btn {
    background-color: #fff;
    color: #717171;
    font-size: 1em;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 0 0 8px;
    text-decoration: none;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
  }
  
  .enlighter-t-droide .enlighter-btn:hover {
    background-color: #fff;
  }
  
  .enlighter-t-droide .enlighter-btn:after {
    content: "";
  }
  
  .enlighter-t-droide.enlighter-hover div.enlighter > div:hover {
    background-color: #fae9d9;
  }
  
  .enlighter-t-droide .enlighter-raw {
    font-size: 1.1em;
    color: #404141;
    line-height: 1.5em;
    padding: 4px 5px 4px 55px;
  }
  
  .enlighter-t-droide div.enlighter > div {
    border: solid 0 #fff;
    padding: 1px 5px 1px 14px;
    line-height: 1.35em;
    color: #aaa;
  }
  
  .enlighter-t-droide div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-droide div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-droide div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-droide div.enlighter > div.enlighter-special {
    background-color: #fae9d9;
    border-left: solid 5px #e07c19;
  }
  
  .enlighter-t-droide.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 5px 1px 0;
    border-right: 1px dashed #e0e0e0;
    font-size: 0.9em;
    color: #707070;
    background-color: #f7f7f9;
  }
  
  .enlighter-t-droide .enlighter span {
    font-size: 1.1em;
  }
  
  .enlighter-t-droide .enlighter-text {
    color: #000;
  }
  
  .enlighter-t-droide .enlighter-c0 {
    color: #086b08;
  }
  
  .enlighter-t-droide .enlighter-c1 {
    color: #086b08;
  }
  
  .enlighter-t-droide .enlighter-c2 {
    color: #086b08;
  }
  
  .enlighter-t-droide .enlighter-c9 {
    color: #086b08;
  }
  
  .enlighter-t-droide .enlighter-k0 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-k1 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-k2 {
    color: #458;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-k3 {
    color: #6e0d6e;
  }
  
  .enlighter-t-droide .enlighter-k4 {
    color: #6e0d6e;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-k5 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-k6 {
    color: #12217c;
    font-style: italic;
  }
  
  .enlighter-t-droide .enlighter-k7 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-k8 {
    color: #458;
  }
  
  .enlighter-t-droide .enlighter-k9 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-k10 {
    color: #6e0d6e;
    font-style: italic;
  }
  
  .enlighter-t-droide .enlighter-k11 {
    color: #086b08;
  }
  
  .enlighter-t-droide .enlighter-e0 {
    color: #34068a;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-e1 {
    color: #34068a;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-e2 {
    color: #009926;
  }
  
  .enlighter-t-droide .enlighter-e3 {
    color: #286491;
  }
  
  .enlighter-t-droide .enlighter-e4 {
    color: #ff8c00;
    font-style: italic;
  }
  
  .enlighter-t-droide .enlighter-s0 {
    color: #961414;
  }
  
  .enlighter-t-droide .enlighter-s1 {
    color: #961414;
  }
  
  .enlighter-t-droide .enlighter-s2 {
    color: #961414;
  }
  
  .enlighter-t-droide .enlighter-s3 {
    color: #961414;
  }
  
  .enlighter-t-droide .enlighter-s4 {
    color: #963f14;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-s5 {
    color: #961414;
    font-style: italic;
  }
  
  .enlighter-t-droide .enlighter-n0 {
    color: #007f7f;
  }
  
  .enlighter-t-droide .enlighter-n1 {
    color: #007f7f;
  }
  
  .enlighter-t-droide .enlighter-n2 {
    color: #007f7f;
    font-style: italic;
  }
  
  .enlighter-t-droide .enlighter-n3 {
    color: #007f7f;
    font-style: italic;
  }
  
  .enlighter-t-droide .enlighter-n4 {
    color: #007f7f;
    font-style: italic;
  }
  
  .enlighter-t-droide .enlighter-n5 {
    color: #007f7f;
    text-decoration: underline;
  }
  
  .enlighter-t-droide .enlighter-m0 {
    color: #000;
  }
  
  .enlighter-t-droide .enlighter-m1 {
    color: #000;
  }
  
  .enlighter-t-droide .enlighter-m2 {
    color: #000;
  }
  
  .enlighter-t-droide .enlighter-m3 {
    color: #000;
  }
  
  .enlighter-t-droide .enlighter-g0 {
    color: #12217c;
  }
  
  .enlighter-t-droide .enlighter-g1 {
    color: #12217c;
  }
  
  .enlighter-t-droide .enlighter-t0 {
    color: #777;
  }
  
  .enlighter-t-droide .enlighter-t1 {
    color: #961414;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-t2 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-t3 {
    color: #458;
  }
  
  .enlighter-t-droide .enlighter-t4 {
    color: #6e0d6e;
  }
  
  .enlighter-t-droide .enlighter-t5 {
    color: #6e0d6e;
  }
  
  .enlighter-t-droide .enlighter-t6 {
    color: #961414;
  }
  
  .enlighter-t-droide .enlighter-t7 {
    color: #535353;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-t8 {
    color: #777;
    font-style: italic;
  }
  
  .enlighter-t-droide .enlighter-x1 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-x2 {
    color: #6e0d6e;
  }
  
  .enlighter-t-droide .enlighter-x10 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-x11 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-droide .enlighter-x12 {
    color: #458;
  }
  
  .enlighter-t-droide .enlighter-x13 {
    color: #007f7f;
  }
  
  .enlighter-t-droide .enlighter-x14 {
    color: #007f7f;
  }
  
  .enlighter-t-droide .enlighter-x15 {
    color: #990073;
    font-style: italic;
  }
  
  .enlighter-t-droide.enlighter-v-codegroup {
    background-color: transparent;
    border: none;
  }
  
  .enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-wrapper {
    background-color: #f7f7f9;
    border: solid 1px #e0e0e0;
  }
  
  .enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-switch {
    padding-left: 15px;
  }
  
  .enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    border: solid 1px #e0e0e0;
    font-size: 1em;
    color: #000;
    background-color: transparent;
    border-radius: 0;
    border-bottom-width: 0;
    padding: 5px 10px 5px 10px;
    font-weight: 700;
    width: auto;
    height: auto;
  }
  
  .enlighter-t-droide.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #f7f7f9;
    color: #000;
    border-color: #c9c9c9;
  }
  
  .enlighter-t-minimal {
    border-top: solid 3px #e0e0e0;
    border-bottom: solid 3px #e0e0e0;
    background-color: transparent;
    padding: 10px 0 10px 0;
  }
  
  .enlighter-t-minimal .enlighter-btn {
    background-color: #fff;
    color: #717171;
    font-size: 1em;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 0 0 8px;
    text-decoration: none;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
  }
  
  .enlighter-t-minimal .enlighter-btn:after {
    content: "";
  }
  
  .enlighter-t-minimal.enlighter-hover div.enlighter > div:hover {
    background-color: #f0f0f0;
  }
  
  .enlighter-t-minimal .enlighter-raw {
    font-size: 1.1em;
    line-height: 1.75em;
    padding: 13px 5px 15px 50px;
    color: #404141;
  }
  
  .enlighter-t-minimal div.enlighter > div {
    border: solid 0 #fff;
    background-color: transparent;
    padding: 1px 5px 1px 0;
    line-height: 1.5em;
    color: #a0a0a0;
  }
  
  .enlighter-t-minimal div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-minimal div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-minimal div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-minimal div.enlighter > div.enlighter-special {
    background-color: #f9f9f9;
  }
  
  .enlighter-t-minimal.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 10px 1px 10px;
    font-size: 0.8em;
    color: #404141;
  }
  
  .enlighter-t-minimal .enlighter span {
    font-size: 1.1em;
  }
  
  .enlighter-t-minimal .enlighter-text {
    color: #2a2a2a;
  }
  
  .enlighter-t-minimal .enlighter-c0 {
    color: #a0a0a0;
  }
  
  .enlighter-t-minimal .enlighter-c1 {
    color: #a0a0a0;
  }
  
  .enlighter-t-minimal .enlighter-c2 {
    color: #a0a0a0;
  }
  
  .enlighter-t-minimal .enlighter-c9 {
    color: #a0a0a0;
  }
  
  .enlighter-t-minimal .enlighter-k0 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-k1 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-k2 {
    color: #458;
    border-bottom: dotted 1px #458;
  }
  
  .enlighter-t-minimal .enlighter-k3 {
    color: #458;
    border-bottom: dotted 1px #458;
  }
  
  .enlighter-t-minimal .enlighter-k4 {
    color: #458;
    border-bottom: dotted 1px #458;
  }
  
  .enlighter-t-minimal .enlighter-k5 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-k6 {
    color: #12217c;
    font-style: italic;
  }
  
  .enlighter-t-minimal .enlighter-k7 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-k8 {
    color: #458;
  }
  
  .enlighter-t-minimal .enlighter-k9 {
    color: #990073;
  }
  
  .enlighter-t-minimal .enlighter-k10 {
    color: #990073;
  }
  
  .enlighter-t-minimal .enlighter-k11 {
    color: #a0a0a0;
  }
  
  .enlighter-t-minimal .enlighter-e0 {
    color: #458;
    border-bottom: dotted 1px #458;
  }
  
  .enlighter-t-minimal .enlighter-e1 {
    color: #458;
    border-bottom: dotted 1px #458;
  }
  
  .enlighter-t-minimal .enlighter-e2 {
    color: #996700;
    border-bottom: solid 1px #996700;
  }
  
  .enlighter-t-minimal .enlighter-e3 {
    color: #458;
    border-bottom: dotted 1px #458;
  }
  
  .enlighter-t-minimal .enlighter-e4 {
    color: #458;
    border-bottom: dotted 1px #458;
  }
  
  .enlighter-t-minimal .enlighter-s0 {
    color: #217908;
    border-bottom: dotted 1px #387905;
  }
  
  .enlighter-t-minimal .enlighter-s1 {
    color: #217908;
    border-bottom: dotted 1px #387905;
  }
  
  .enlighter-t-minimal .enlighter-s2 {
    color: #cf6a4c;
  }
  
  .enlighter-t-minimal .enlighter-s3 {
    color: #217908;
    border-bottom: dotted 1px #387905;
  }
  
  .enlighter-t-minimal .enlighter-s4 {
    color: #217908;
    border-bottom: dotted 1px #387905;
  }
  
  .enlighter-t-minimal .enlighter-s5 {
    color: #217908;
    border-bottom: dotted 1px #387905;
  }
  
  .enlighter-t-minimal .enlighter-n0 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-n1 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-n2 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-n3 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-n4 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-n5 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-m0 {
    color: #12217c;
    background-color: #e0e0e0;
  }
  
  .enlighter-t-minimal .enlighter-m1 {
    color: #12217c;
    background-color: #e0e0e0;
  }
  
  .enlighter-t-minimal .enlighter-m2 {
    color: #12217c;
    background-color: #e0e0e0;
  }
  
  .enlighter-t-minimal .enlighter-m3 {
    color: #12217c;
    background-color: #e0e0e0;
  }
  
  .enlighter-t-minimal .enlighter-g0 {
    color: #12217c;
  }
  
  .enlighter-t-minimal .enlighter-g1 {
    color: #2a2a2a;
  }
  
  .enlighter-t-minimal .enlighter-t0 {
    color: #a0a0a0;
  }
  
  .enlighter-t-minimal .enlighter-t1 {
    color: #387905;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-t2 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-t3 {
    color: #458;
  }
  
  .enlighter-t-minimal .enlighter-t4 {
    color: #458;
  }
  
  .enlighter-t-minimal .enlighter-t5 {
    color: #458;
  }
  
  .enlighter-t-minimal .enlighter-t6 {
    color: #387905;
  }
  
  .enlighter-t-minimal .enlighter-t7 {
    color: #a0a0a0;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-t8 {
    color: #a0a0a0;
    font-style: italic;
  }
  
  .enlighter-t-minimal .enlighter-x1 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-x2 {
    color: #458;
    border-bottom: dotted 1px #458;
  }
  
  .enlighter-t-minimal .enlighter-x10 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-x11 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-x12 {
    color: #458;
  }
  
  .enlighter-t-minimal .enlighter-x13 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-x14 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-minimal .enlighter-x15 {
    color: #990073;
  }
  
  .enlighter-t-minimal.enlighter-v-inline {
    background-color: transparent;
    border: none;
    padding: 0;
  }
  
  .enlighter-t-minimal.enlighter-v-codegroup {
    border-top: none;
    padding-top: 0;
  }
  
  .enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-wrapper {
    border-top: solid 3px #e0e0e0;
    padding-top: 10px;
  }
  
  .enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-switch {
    padding-left: 5px;
    padding-bottom: 5px;
  }
  
  .enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    font-size: 1em;
    color: #000;
    background-color: transparent;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1px 6px 1px 6px;
    border: none;
    width: auto;
    height: auto;
  }
  
  .enlighter-t-minimal.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #e0e0e0;
    color: #2a2a2a;
  }
  
  .enlighter-t-eclipse {
    color: #787878;
    border-radius: 5px;
    border: solid 8px #f3f3f3;
    background-color: #fff;
  }
  
  .enlighter-t-eclipse .enlighter-toolbar {
    top: 15px;
    right: 15px;
  }
  
  .enlighter-t-eclipse .enlighter-btn {
    background-color: #fff;
    color: #717171;
    font-size: 1em;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 0 0 8px;
    text-decoration: none;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
    border-radius: 8px;
  }
  
  .enlighter-t-eclipse .enlighter-btn:hover {
    background-color: #e0e0e0;
  }
  
  .enlighter-t-eclipse .enlighter-btn:after {
    content: "";
  }
  
  .enlighter-t-eclipse.enlighter-hover.enlighter-linenumbers div.enlighter > div:hover {
    background-color: #e8f2fe;
    color: #444;
  }
  
  .enlighter-t-eclipse.enlighter-hover div.enlighter > div:hover {
    background-color: #e8f2fe;
    color: #444;
    border-left-color: #e0e0e0;
  }
  
  .enlighter-t-eclipse .enlighter-raw {
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 4px 5px 4px 56px;
    color: #717171;
  }
  
  .enlighter-t-eclipse div.enlighter {
    background-color: #fff;
  }
  
  .enlighter-t-eclipse div.enlighter > div {
    border: solid 0 #fff;
    background-color: transparent;
    padding: 1px 5px 1px 0;
    line-height: 1.35em;
    color: #787878;
  }
  
  .enlighter-t-eclipse div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-eclipse div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-eclipse div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-eclipse div.enlighter > div.enlighter-special {
    background-color: #f9f9f9;
  }
  
  .enlighter-t-eclipse.enlighter-linenumbers div.enlighter > div::before {
    border-right: 2px solid #f8f8f8;
    padding: 1px 5px 1px 14px;
  }
  
  .enlighter-t-eclipse .enlighter span {
    font-size: 1.1em;
  }
  
  .enlighter-t-eclipse .enlighter-text {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-c0 {
    color: #3f7f5f;
  }
  
  .enlighter-t-eclipse .enlighter-c1 {
    color: #3f5fbf;
  }
  
  .enlighter-t-eclipse .enlighter-c2 {
    color: #3f5fbf;
  }
  
  .enlighter-t-eclipse .enlighter-c9 {
    color: #3f5fbf;
  }
  
  .enlighter-t-eclipse .enlighter-k0 {
    color: #3f7f95;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-k1 {
    color: #3f7f95;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-k2 {
    color: #7f007f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-k3 {
    color: #7f007f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-k4 {
    color: #458;
  }
  
  .enlighter-t-eclipse .enlighter-k5 {
    color: #7f007f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-k6 {
    color: #7f007f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-k7 {
    color: #7f007f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-k8 {
    color: #458;
  }
  
  .enlighter-t-eclipse .enlighter-k9 {
    color: #990073;
  }
  
  .enlighter-t-eclipse .enlighter-k10 {
    color: #990073;
  }
  
  .enlighter-t-eclipse .enlighter-k11 {
    color: #3f5fbf;
  }
  
  .enlighter-t-eclipse .enlighter-e0 {
    color: #7f007f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-e1 {
    color: #7f007f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-e2 {
    color: #009926;
  }
  
  .enlighter-t-eclipse .enlighter-e3 {
    color: #7f007f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-e4 {
    color: #7f007f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-s0 {
    color: #320fe3;
  }
  
  .enlighter-t-eclipse .enlighter-s1 {
    color: #320fe3;
  }
  
  .enlighter-t-eclipse .enlighter-s2 {
    color: #320fe3;
  }
  
  .enlighter-t-eclipse .enlighter-s3 {
    color: #320fe3;
  }
  
  .enlighter-t-eclipse .enlighter-s4 {
    color: #320fe3;
  }
  
  .enlighter-t-eclipse .enlighter-s5 {
    color: #990073;
  }
  
  .enlighter-t-eclipse .enlighter-n0 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-n1 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-n2 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-n3 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-n4 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-n5 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-m0 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-m1 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-m2 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-m3 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-g0 {
    color: #777;
  }
  
  .enlighter-t-eclipse .enlighter-g1 {
    color: #777;
  }
  
  .enlighter-t-eclipse .enlighter-t0 {
    color: #777;
  }
  
  .enlighter-t-eclipse .enlighter-t1 {
    color: #3f7f5f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-t2 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-t3 {
    color: #458;
  }
  
  .enlighter-t-eclipse .enlighter-t4 {
    color: #458;
  }
  
  .enlighter-t-eclipse .enlighter-t5 {
    color: #458;
  }
  
  .enlighter-t-eclipse .enlighter-t6 {
    color: #3f7f5f;
  }
  
  .enlighter-t-eclipse .enlighter-t7 {
    color: #a0a0a0;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-t8 {
    color: #a0a0a0;
    font-style: italic;
  }
  
  .enlighter-t-eclipse .enlighter-x1 {
    color: #3f7f95;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-x2 {
    color: #7f007f;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-x10 {
    color: #3f7f95;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-x11 {
    color: #3f7f95;
    font-weight: 700;
  }
  
  .enlighter-t-eclipse .enlighter-x12 {
    color: #458;
  }
  
  .enlighter-t-eclipse .enlighter-x13 {
    color: #3f7f95;
  }
  
  .enlighter-t-eclipse .enlighter-x14 {
    color: #000;
  }
  
  .enlighter-t-eclipse .enlighter-x15 {
    color: #000;
  }
  
  .enlighter-t-eclipse.enlighter-v-inline {
    border-radius: 3px;
    background-color: #f8f8f8;
    border: solid 0 #fff;
  }
  
  .enlighter-t-eclipse.enlighter-v-codegroup {
    display: block;
  }
  
  .enlighter-t-eclipse.enlighter-v-codegroup .enlighter,
  .enlighter-t-eclipse.enlighter-v-codegroup .enlighter-raw {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  
  .enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-wrapper {
    position: relative;
  }
  
  .enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-switch {
    background-color: #f3f3f3;
    padding: 8px 5px 0 60px;
    border-radius: 5px 5px 0 0;
  }
  
  .enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    font-size: 1em;
    color: #000;
    background-color: transparent;
    padding: 5px 10px 5px 10px;
    border-radius: 5px 5px 0 0;
    border: none;
    width: auto;
  }
  
  .enlighter-t-eclipse.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #fff;
    color: #000;
    border-color: #c9c9c9;
  }
  
  .enlighter-t-mowtwo {
    background-color: #f0f0f1;
    border: solid 1px #f0f0f1;
    border-radius: 7px;
  }
  
  .enlighter-t-mowtwo .enlighter-btn {
    background-color: #fff;
    color: #717171;
    font-size: 1em;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 0 0 8px;
    text-decoration: none;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
  }
  
  .enlighter-t-mowtwo .enlighter-btn:after {
    content: "";
  }
  
  .enlighter-t-mowtwo.enlighter-hover div.enlighter > div:hover {
    background-color: #e9e9e9;
  }
  
  .enlighter-t-mowtwo .enlighter-raw {
    font-size: 1.15em;
    line-height: 1.75em;
    color: #313437;
    padding: 5px 5px 5px 51px;
    background-color: transparent;
  }
  
  .enlighter-t-mowtwo div.enlighter > div {
    line-height: 1.5em;
    padding: 1px 5px 1px 14px;
    color: #9c9ea0;
  }
  
  .enlighter-t-mowtwo div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-mowtwo div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-mowtwo div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-mowtwo div.enlighter > div.enlighter-special {
    background-color: #e9e9e9;
  }
  
  .enlighter-t-mowtwo.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 10px 1px 10px;
    font-size: 0.9em;
  }
  
  .enlighter-t-mowtwo.enlighter-linenumbers div.enlighter > div:first-child::before {
    border-radius: 0 8px 0 0;
  }
  
  .enlighter-t-mowtwo.enlighter-linenumbers div.enlighter > div:last-child::before {
    border-radius: 0 0 8px 0;
  }
  
  .enlighter-t-mowtwo .enlighter span {
    font-size: 1.15em;
  }
  
  .enlighter-t-mowtwo .enlighter-text {
    color: #313437;
  }
  
  .enlighter-t-mowtwo .enlighter-c0 {
    color: #9c9ea0;
  }
  
  .enlighter-t-mowtwo .enlighter-c1 {
    color: #9c9ea0;
  }
  
  .enlighter-t-mowtwo .enlighter-c2 {
    color: #9c9ea0;
  }
  
  .enlighter-t-mowtwo .enlighter-c9 {
    color: #9c9ea0;
  }
  
  .enlighter-t-mowtwo .enlighter-k0 {
    color: #b05098;
    font-weight: 700;
  }
  
  .enlighter-t-mowtwo .enlighter-k1 {
    color: #b05098;
    font-weight: 700;
  }
  
  .enlighter-t-mowtwo .enlighter-k2 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-k3 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-k4 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-k5 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-k6 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-k7 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-k8 {
    color: #313437;
  }
  
  .enlighter-t-mowtwo .enlighter-k9 {
    color: #313437;
  }
  
  .enlighter-t-mowtwo .enlighter-k10 {
    color: #313437;
  }
  
  .enlighter-t-mowtwo .enlighter-k11 {
    color: #9c9ea0;
  }
  
  .enlighter-t-mowtwo .enlighter-e0 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-e1 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-e2 {
    color: #864c08;
  }
  
  .enlighter-t-mowtwo .enlighter-e3 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-e4 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-s0 {
    color: #83a440;
  }
  
  .enlighter-t-mowtwo .enlighter-s1 {
    color: #83a440;
  }
  
  .enlighter-t-mowtwo .enlighter-s2 {
    color: #83a440;
  }
  
  .enlighter-t-mowtwo .enlighter-s3 {
    color: #83a440;
  }
  
  .enlighter-t-mowtwo .enlighter-s4 {
    color: #83a440;
  }
  
  .enlighter-t-mowtwo .enlighter-s5 {
    color: #83a440;
  }
  
  .enlighter-t-mowtwo .enlighter-n0 {
    color: #429bc1;
  }
  
  .enlighter-t-mowtwo .enlighter-n1 {
    color: #429bc1;
  }
  
  .enlighter-t-mowtwo .enlighter-n2 {
    color: #429bc1;
  }
  
  .enlighter-t-mowtwo .enlighter-n3 {
    color: #429bc1;
  }
  
  .enlighter-t-mowtwo .enlighter-n4 {
    color: #429bc1;
  }
  
  .enlighter-t-mowtwo .enlighter-n5 {
    color: #429bc1;
  }
  
  .enlighter-t-mowtwo .enlighter-m0 {
    color: #666;
  }
  
  .enlighter-t-mowtwo .enlighter-m1 {
    color: #666;
  }
  
  .enlighter-t-mowtwo .enlighter-m2 {
    color: #666;
  }
  
  .enlighter-t-mowtwo .enlighter-m3 {
    color: #666;
  }
  
  .enlighter-t-mowtwo .enlighter-g0 {
    color: #864c08;
  }
  
  .enlighter-t-mowtwo .enlighter-g1 {
    color: #909090;
  }
  
  .enlighter-t-mowtwo .enlighter-t0 {
    color: #909090;
  }
  
  .enlighter-t-mowtwo .enlighter-t1 {
    color: #b05098;
    font-weight: 700;
  }
  
  .enlighter-t-mowtwo .enlighter-t2 {
    color: #b05098;
    font-weight: 700;
  }
  
  .enlighter-t-mowtwo .enlighter-t3 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-t4 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-t5 {
    color: #83a440;
  }
  
  .enlighter-t-mowtwo .enlighter-t6 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-t7 {
    color: #909090;
    font-weight: 700;
  }
  
  .enlighter-t-mowtwo .enlighter-t8 {
    color: #909090;
    font-style: italic;
  }
  
  .enlighter-t-mowtwo .enlighter-x1 {
    color: #b05098;
    font-weight: 700;
  }
  
  .enlighter-t-mowtwo .enlighter-x2 {
    color: #b05098;
  }
  
  .enlighter-t-mowtwo .enlighter-x10 {
    color: #b05098;
    font-weight: 700;
  }
  
  .enlighter-t-mowtwo .enlighter-x11 {
    color: #b05098;
    font-weight: 700;
  }
  
  .enlighter-t-mowtwo .enlighter-x12 {
    color: #313437;
  }
  
  .enlighter-t-mowtwo .enlighter-x13 {
    color: #429bc1;
  }
  
  .enlighter-t-mowtwo .enlighter-x14 {
    color: #429bc1;
  }
  
  .enlighter-t-mowtwo .enlighter-x15 {
    color: #313437;
  }
  
  .enlighter-t-mowtwo.enlighter-v-inline {
    border-radius: 4px;
  }
  
  .enlighter-t-mowtwo.enlighter-v-codegroup .enlighter-codegroup-switch {
    background-color: #585b5e;
    padding: 10px 0 10px 20px;
    border-radius: 8px;
    margin-bottom: 5px;
  }
  
  .enlighter-t-mowtwo.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    border-radius: 0;
    background-color: transparent;
    line-height: 1.7em;
    font-size: 1.25em;
    color: #f0f0f0;
    border: none;
    padding: 0 10px 0 10px;
    width: auto;
    height: auto;
    font-family: "Open Sans", Arial, Verdana, sans-serif;
  }
  
  .enlighter-t-mowtwo.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    text-decoration: underline;
  }
  
  .enlighter-t-rowhammer {
    background-color: transparent;
    border: none;
  }
  
  .enlighter-t-rowhammer .enlighter-toolbar {
    top: 20px;
  }
  
  .enlighter-t-rowhammer .enlighter-btn {
    background-color: #fff;
    color: #717171;
    font-size: 1em;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 0 0 8px;
    text-decoration: none;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
  }
  
  .enlighter-t-rowhammer .enlighter-btn:hover {
    background-color: #fff;
  }
  
  .enlighter-t-rowhammer .enlighter-btn:after {
    content: "";
  }
  
  .enlighter-t-rowhammer.enlighter-hover div.enlighter > div:hover {
    background-color: #f0f0f0;
  }
  
  .enlighter-t-rowhammer .enlighter-raw {
    font-size: 1.1em;
    color: #404141;
    background-color: transparent;
    padding: 14px 0 15px 38px;
    line-height: 2em;
  }
  
  .enlighter-t-rowhammer div.enlighter > div {
    border: solid 0 #fff;
    padding: 1px 5px 1px 0;
    line-height: 1.67em;
    color: #94a9bf;
    background-color: transparent;
    border-bottom: dotted 1px #e9e9f0;
  }
  
  .enlighter-t-rowhammer div.enlighter > div:nth-of-type(1) {
    border-top: dotted 1px #e9e9f0;
  }
  
  .enlighter-t-rowhammer div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-rowhammer div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-rowhammer div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-rowhammer div.enlighter > div.enlighter-special {
    background-color: #f9f9f9;
  }
  
  .enlighter-t-rowhammer.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 5px 1px 14px;
    font-size: 0.8em;
    color: #94a9bf;
  }
  
  .enlighter-t-rowhammer .enlighter span {
    font-size: 1.1em;
  }
  
  .enlighter-t-rowhammer .enlighter-text {
    color: #000;
  }
  
  .enlighter-t-rowhammer .enlighter-c0 {
    color: #758697;
  }
  
  .enlighter-t-rowhammer .enlighter-c1 {
    color: #758697;
  }
  
  .enlighter-t-rowhammer .enlighter-c2 {
    color: #758697;
  }
  
  .enlighter-t-rowhammer .enlighter-c9 {
    color: #758697;
  }
  
  .enlighter-t-rowhammer .enlighter-k0 {
    color: #07a;
    font-weight: 700;
    border-bottom: dotted 1px #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-k1 {
    color: #07a;
    font-weight: 700;
    border-bottom: dotted 1px #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-k2 {
    color: #07a;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-k3 {
    color: #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-k4 {
    color: #07a;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-k5 {
    color: #07a;
    font-weight: 700;
    border-bottom: dotted 1px #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-k6 {
    color: #07a;
    font-weight: 700;
    border-bottom: dotted 1px #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-k7 {
    color: #07a;
    font-weight: 700;
    border-bottom: dotted 1px #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-k8 {
    color: #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-k9 {
    color: #000;
  }
  
  .enlighter-t-rowhammer .enlighter-k10 {
    color: #07a;
    font-style: italic;
  }
  
  .enlighter-t-rowhammer .enlighter-k11 {
    color: #758697;
  }
  
  .enlighter-t-rowhammer .enlighter-e0 {
    color: #07a;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-e1 {
    color: #07a;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-e2 {
    color: #d2901d;
  }
  
  .enlighter-t-rowhammer .enlighter-e3 {
    color: #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-e4 {
    color: #ff8c00;
    font-style: italic;
  }
  
  .enlighter-t-rowhammer .enlighter-s0 {
    color: #639500;
    border-bottom: dotted 1px #639500;
  }
  
  .enlighter-t-rowhammer .enlighter-s1 {
    color: #639500;
  }
  
  .enlighter-t-rowhammer .enlighter-s2 {
    color: #639500;
  }
  
  .enlighter-t-rowhammer .enlighter-s3 {
    color: #639500;
  }
  
  .enlighter-t-rowhammer .enlighter-s4 {
    color: #639500;
  }
  
  .enlighter-t-rowhammer .enlighter-s5 {
    color: #639500;
    font-style: italic;
  }
  
  .enlighter-t-rowhammer .enlighter-n0 {
    color: #9b0d5c;
  }
  
  .enlighter-t-rowhammer .enlighter-n1 {
    color: #9b0d5c;
  }
  
  .enlighter-t-rowhammer .enlighter-n2 {
    color: #9b0d5c;
  }
  
  .enlighter-t-rowhammer .enlighter-n3 {
    color: #9b0d5c;
  }
  
  .enlighter-t-rowhammer .enlighter-n4 {
    color: #9b0d5c;
  }
  
  .enlighter-t-rowhammer .enlighter-n5 {
    color: #9b0d5c;
  }
  
  .enlighter-t-rowhammer .enlighter-m0 {
    color: #d0284a;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-m1 {
    color: #c2415b;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-m2 {
    color: #c2415b;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-m3 {
    color: #d0284a;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-g0 {
    color: #35434c;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-g1 {
    color: #6b7c8b;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-t0 {
    color: #777;
  }
  
  .enlighter-t-rowhammer .enlighter-t1 {
    color: #961414;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-t2 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-t3 {
    color: #458;
  }
  
  .enlighter-t-rowhammer .enlighter-t4 {
    color: #6e0d6e;
  }
  
  .enlighter-t-rowhammer .enlighter-t5 {
    color: #6e0d6e;
  }
  
  .enlighter-t-rowhammer .enlighter-t6 {
    color: #961414;
  }
  
  .enlighter-t-rowhammer .enlighter-t7 {
    color: #535353;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-t8 {
    color: #777;
    font-style: italic;
  }
  
  .enlighter-t-rowhammer .enlighter-x1 {
    color: #07a;
    font-weight: 700;
    border-bottom: dotted 1px #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-x2 {
    color: #07a;
    font-weight: 700;
  }
  
  .enlighter-t-rowhammer .enlighter-x10 {
    color: #07a;
    font-weight: 700;
    border-bottom: dotted 1px #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-x11 {
    color: #07a;
    font-weight: 700;
    border-bottom: dotted 1px #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-x12 {
    color: #07a;
  }
  
  .enlighter-t-rowhammer .enlighter-x13 {
    color: #9b0d5c;
  }
  
  .enlighter-t-rowhammer .enlighter-x14 {
    color: #9b0d5c;
  }
  
  .enlighter-t-rowhammer .enlighter-x15 {
    color: #121212;
  }
  
  .enlighter-t-rowhammer.enlighter-v-codegroup .enlighter-codegroup-switch {
    padding-left: 15px;
    padding-bottom: 15px;
  }
  
  .enlighter-t-rowhammer.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    font-size: 1em;
    color: #758697;
    background-color: transparent;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 10px 2px 10px;
    border: none;
    width: auto;
    height: auto;
  }
  
  .enlighter-t-rowhammer.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    border-bottom: dotted 1px #758697;
    background-color: #f0f0f0;
  }
  
  .enlighter-t-bootstrap4 {
    color: #212529;
    background-color: #f8f9fa;
    padding: 25px 25px 25px 25px;
  }
  
  .enlighter-t-bootstrap4 .enlighter-toolbar {
    top: 10px;
    right: 10px;
  }
  
  .enlighter-t-bootstrap4 .enlighter-btn {
    background-image: none;
    background-color: transparent;
    color: #818a91;
    font-size: 1em;
    padding: 2px 8px 2px 8px;
    margin: 0 5px 0 5px;
    border: none;
    border-radius: 4px;
    font-family: "Open Sans", Arial, Verdana, sans-serif;
  }
  
  .enlighter-t-bootstrap4 .enlighter-btn:hover {
    background-color: #007bff;
    color: #f0f0f0;
  }
  
  .enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-raw {
    background-image: none;
  }
  
  .enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-raw:after {
    content: "Raw";
  }
  
  .enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-copy {
    background-image: none;
  }
  
  .enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-copy:after {
    content: "Copy";
  }
  
  .enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-window {
    background-image: none;
  }
  
  .enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-window:after {
    content: "Extern";
  }
  
  .enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-website {
    background-image: none;
  }
  
  .enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-website:after {
    content: "EnlighterJS";
  }
  
  .enlighter-t-bootstrap4.enlighter-hover div.enlighter > div:hover {
    background-color: #eceef0;
  }
  
  .enlighter-t-bootstrap4 .enlighter-raw {
    font-size: 1.15em;
    color: #212529;
    background-color: #f8f9fa;
    line-height: 1.7em;
    padding: 0 0 0 61px;
  }
  
  .enlighter-t-bootstrap4 div.enlighter > div {
    padding: 1px 5px 1px 14px;
    line-height: 1.35em;
    color: #999;
    background-color: transparent;
  }
  
  .enlighter-t-bootstrap4 div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-bootstrap4 div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-bootstrap4 div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-bootstrap4 div.enlighter > div.enlighter-special {
    background-color: #eceef0;
  }
  
  .enlighter-t-bootstrap4.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 5px 1px 0;
    font-size: 0.8em;
  }
  
  .enlighter-t-bootstrap4 .enlighter span {
    font-size: 1.15em;
  }
  
  .enlighter-t-bootstrap4 .enlighter-text {
    color: #212529;
  }
  
  .enlighter-t-bootstrap4 .enlighter-c0 {
    color: #999;
  }
  
  .enlighter-t-bootstrap4 .enlighter-c1 {
    color: #999;
  }
  
  .enlighter-t-bootstrap4 .enlighter-c2 {
    color: #999;
  }
  
  .enlighter-t-bootstrap4 .enlighter-c9 {
    color: #999;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k0 {
    color: #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k1 {
    color: #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k2 {
    color: #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k3 {
    color: #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k4 {
    color: #069;
    font-style: italic;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k5 {
    color: #212529;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k6 {
    color: #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k7 {
    color: #069;
    border-bottom: dotted 1px #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k8 {
    color: #212529;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k9 {
    color: #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k10 {
    color: #212529;
  }
  
  .enlighter-t-bootstrap4 .enlighter-k11 {
    color: #999;
  }
  
  .enlighter-t-bootstrap4 .enlighter-e0 {
    color: #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-e1 {
    color: #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-e2 {
    color: #009926;
  }
  
  .enlighter-t-bootstrap4 .enlighter-e3 {
    color: #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-e4 {
    color: #069;
  }
  
  .enlighter-t-bootstrap4 .enlighter-s0 {
    color: #d44950;
  }
  
  .enlighter-t-bootstrap4 .enlighter-s1 {
    color: #d44950;
  }
  
  .enlighter-t-bootstrap4 .enlighter-s2 {
    color: #d44950;
  }
  
  .enlighter-t-bootstrap4 .enlighter-s3 {
    color: #d44950;
  }
  
  .enlighter-t-bootstrap4 .enlighter-s4 {
    color: #d44950;
  }
  
  .enlighter-t-bootstrap4 .enlighter-s5 {
    color: #d44950;
  }
  
  .enlighter-t-bootstrap4 .enlighter-n0 {
    color: #f60;
  }
  
  .enlighter-t-bootstrap4 .enlighter-n1 {
    color: #f60;
  }
  
  .enlighter-t-bootstrap4 .enlighter-n2 {
    color: #f60;
  }
  
  .enlighter-t-bootstrap4 .enlighter-n3 {
    color: #f60;
  }
  
  .enlighter-t-bootstrap4 .enlighter-n4 {
    color: #f60;
  }
  
  .enlighter-t-bootstrap4 .enlighter-n5 {
    color: #f60;
  }
  
  .enlighter-t-bootstrap4 .enlighter-m0 {
    color: #99f;
  }
  
  .enlighter-t-bootstrap4 .enlighter-m1 {
    color: #212529;
  }
  
  .enlighter-t-bootstrap4 .enlighter-m2 {
    color: #212529;
  }
  
  .enlighter-t-bootstrap4 .enlighter-m3 {
    color: #212529;
  }
  
  .enlighter-t-bootstrap4 .enlighter-g0 {
    color: #2f6f9f;
  }
  
  .enlighter-t-bootstrap4 .enlighter-g1 {
    color: #999;
    font-weight: 700;
  }
  
  .enlighter-t-bootstrap4 .enlighter-t0 {
    color: #999;
  }
  
  .enlighter-t-bootstrap4 .enlighter-t1 {
    color: #d44950;
    font-weight: 700;
  }
  
  .enlighter-t-bootstrap4 .enlighter-t2 {
    color: #d44950;
    font-weight: 700;
  }
  
  .enlighter-t-bootstrap4 .enlighter-t3 {
    color: #0086b3;
  }
  
  .enlighter-t-bootstrap4 .enlighter-t4 {
    color: #0a8;
  }
  
  .enlighter-t-bootstrap4 .enlighter-t5 {
    color: #0a8;
  }
  
  .enlighter-t-bootstrap4 .enlighter-t6 {
    color: #f60;
  }
  
  .enlighter-t-bootstrap4 .enlighter-t7 {
    color: #999;
    font-weight: 700;
  }
  
  .enlighter-t-bootstrap4 .enlighter-t8 {
    color: #999;
  }
  
  .enlighter-t-bootstrap4 .enlighter-x1 {
    color: #2f6f9f;
  }
  
  .enlighter-t-bootstrap4 .enlighter-x2 {
    color: #4f9fcf;
  }
  
  .enlighter-t-bootstrap4 .enlighter-x10 {
    color: #0a8;
  }
  
  .enlighter-t-bootstrap4 .enlighter-x11 {
    color: #0a8;
  }
  
  .enlighter-t-bootstrap4 .enlighter-x12 {
    color: #99f;
  }
  
  .enlighter-t-bootstrap4 .enlighter-x13 {
    color: #f60;
  }
  
  .enlighter-t-bootstrap4 .enlighter-x14 {
    color: #f60;
  }
  
  .enlighter-t-bootstrap4 .enlighter-x15 {
    color: #f60;
  }
  
  .enlighter-t-bootstrap4.enlighter-v-inline {
    background-color: #f8f9fa;
    border: none;
    border-radius: 5px;
    padding: 3px;
  }
  
  .enlighter-t-bootstrap4.enlighter-v-codegroup .enlighter-codegroup-switch {
    border: solid 3px #f8f9fa;
    border-bottom-width: 0;
    padding: 15px;
  }
  
  .enlighter-t-bootstrap4.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    padding: 3px 10px 3px 10px;
    border: none;
    font-size: 0.9em;
    color: #212529;
    font-weight: 700;
    background-color: #f8f9fa;
    border-radius: 5px;
  }
  
  .enlighter-t-bootstrap4.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #007bff;
    color: #f0f0f0;
  }
  
  .enlighter-t-dracula {
    background-color: #282a36;
  }
  
  .enlighter-t-dracula .enlighter-toolbar {
    top: 10px;
    right: 10px;
  }
  
  .enlighter-t-dracula .enlighter-btn {
    background-image: none;
    background-color: #44475a;
    color: #f8f8f2;
    font-size: 1em;
    padding: 2px 8px 2px 8px;
    margin: 0 5px 0 5px;
    border: none;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  .enlighter-t-dracula .enlighter-btn:hover {
    background-color: #6272a4;
    color: #f8f8f2;
  }
  
  .enlighter-t-dracula .enlighter-toolbar .enlighter-btn-raw {
    background-image: none;
  }
  
  .enlighter-t-dracula .enlighter-toolbar .enlighter-btn-raw:after {
    content: "Raw";
  }
  
  .enlighter-t-dracula .enlighter-toolbar .enlighter-btn-copy {
    background-image: none;
  }
  
  .enlighter-t-dracula .enlighter-toolbar .enlighter-btn-copy:after {
    content: "Copy";
  }
  
  .enlighter-t-dracula .enlighter-toolbar .enlighter-btn-window {
    background-image: none;
  }
  
  .enlighter-t-dracula .enlighter-toolbar .enlighter-btn-window:after {
    content: "Extern";
  }
  
  .enlighter-t-dracula .enlighter-toolbar .enlighter-btn-website {
    background-image: none;
  }
  
  .enlighter-t-dracula .enlighter-toolbar .enlighter-btn-website:after {
    content: "EnlighterJS";
  }
  
  .enlighter-t-dracula.enlighter-hover div.enlighter > div:hover {
    background-color: #44475a;
  }
  
  .enlighter-t-dracula .enlighter-raw {
    font-size: 1.25em;
    color: #f8f8f2;
    line-height: 1.85em;
    padding: 4px 5px 4px 55px;
  }
  
  .enlighter-t-dracula div.enlighter > div {
    padding: 1px 5px 1px 14px;
    line-height: 1.6em;
    color: #6272a4;
    background-color: #282a36;
  }
  
  .enlighter-t-dracula div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-dracula div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-dracula div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-dracula div.enlighter > div.enlighter-special {
    background-color: #44475a;
  }
  
  .enlighter-t-dracula.enlighter-linenumbers div.enlighter > div::before {
    font-size: 1em;
    color: #6272a4;
  }
  
  .enlighter-t-dracula .enlighter span {
    font-size: 1.25em;
  }
  
  .enlighter-t-dracula .enlighter-text {
    color: #f8f8f2;
  }
  
  .enlighter-t-dracula .enlighter-c0 {
    color: #6272a4;
  }
  
  .enlighter-t-dracula .enlighter-c1 {
    color: #6272a4;
  }
  
  .enlighter-t-dracula .enlighter-c2 {
    color: #6272a4;
  }
  
  .enlighter-t-dracula .enlighter-c9 {
    color: #6272a4;
  }
  
  .enlighter-t-dracula .enlighter-k0 {
    color: #ff79c6;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-k1 {
    color: #8be9fd;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-k2 {
    color: #ff79c6;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-k3 {
    color: #ff79c6;
  }
  
  .enlighter-t-dracula .enlighter-k4 {
    color: #8be9fd;
  }
  
  .enlighter-t-dracula .enlighter-k5 {
    color: #8be9fd;
  }
  
  .enlighter-t-dracula .enlighter-k6 {
    color: #8be9fd;
  }
  
  .enlighter-t-dracula .enlighter-k7 {
    color: #ffb86c;
  }
  
  .enlighter-t-dracula .enlighter-k8 {
    color: #8be9fd;
  }
  
  .enlighter-t-dracula .enlighter-k9 {
    color: #50fa7b;
  }
  
  .enlighter-t-dracula .enlighter-k10 {
    color: #50fa7b;
  }
  
  .enlighter-t-dracula .enlighter-k11 {
    color: #6272a4;
  }
  
  .enlighter-t-dracula .enlighter-e0 {
    color: #bd93f9;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-e1 {
    color: #bd93f9;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-e2 {
    color: #f1fa8c;
  }
  
  .enlighter-t-dracula .enlighter-e3 {
    color: #bd93f9;
  }
  
  .enlighter-t-dracula .enlighter-e4 {
    color: #bd93f9;
    font-style: italic;
  }
  
  .enlighter-t-dracula .enlighter-s0 {
    color: #f1fa8c;
  }
  
  .enlighter-t-dracula .enlighter-s1 {
    color: #f1fa8c;
  }
  
  .enlighter-t-dracula .enlighter-s2 {
    color: #f1fa8c;
  }
  
  .enlighter-t-dracula .enlighter-s3 {
    color: #f1fa8c;
  }
  
  .enlighter-t-dracula .enlighter-s4 {
    color: #f1fa8c;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-s5 {
    color: #f1fa8c;
    font-style: italic;
  }
  
  .enlighter-t-dracula .enlighter-n0 {
    color: #bd93f9;
  }
  
  .enlighter-t-dracula .enlighter-n1 {
    color: #bd93f9;
  }
  
  .enlighter-t-dracula .enlighter-n2 {
    color: #bd93f9;
  }
  
  .enlighter-t-dracula .enlighter-n3 {
    color: #bd93f9;
  }
  
  .enlighter-t-dracula .enlighter-n4 {
    color: #bd93f9;
  }
  
  .enlighter-t-dracula .enlighter-n5 {
    color: #bd93f9;
  }
  
  .enlighter-t-dracula .enlighter-m0 {
    color: #8be9fd;
  }
  
  .enlighter-t-dracula .enlighter-m1 {
    color: #8be9fd;
  }
  
  .enlighter-t-dracula .enlighter-m2 {
    color: #8be9fd;
  }
  
  .enlighter-t-dracula .enlighter-m3 {
    color: #8be9fd;
  }
  
  .enlighter-t-dracula .enlighter-g0 {
    color: #f8f8f2;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-g1 {
    color: #f8f8f2;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-t0 {
    color: #6272a4;
  }
  
  .enlighter-t-dracula .enlighter-t1 {
    color: #8be9fd;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-t2 {
    color: #8be9fd;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-t3 {
    color: #ff79c6;
  }
  
  .enlighter-t-dracula .enlighter-t4 {
    color: #ffb86c;
  }
  
  .enlighter-t-dracula .enlighter-t5 {
    color: #50fa7b;
  }
  
  .enlighter-t-dracula .enlighter-t6 {
    color: #f55;
  }
  
  .enlighter-t-dracula .enlighter-t7 {
    color: #f8f8f2;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-t8 {
    color: #f8f8f2;
  }
  
  .enlighter-t-dracula .enlighter-x1 {
    color: #ff79c6;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-x2 {
    color: #50fa7b;
  }
  
  .enlighter-t-dracula .enlighter-x10 {
    color: #f8f8f2;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-x11 {
    color: #50fa7b;
    font-weight: 700;
  }
  
  .enlighter-t-dracula .enlighter-x12 {
    color: #8be9fd;
    font-style: italic;
  }
  
  .enlighter-t-dracula .enlighter-x13 {
    color: #bd93f9;
  }
  
  .enlighter-t-dracula .enlighter-x14 {
    color: #bd93f9;
    font-style: italic;
  }
  
  .enlighter-t-dracula .enlighter-x15 {
    color: #ffb86c;
    font-style: italic;
  }
  
  .enlighter-t-dracula.enlighter-v-codegroup .enlighter-codegroup-switch {
    background-color: #282a36;
    padding: 10px;
  }
  
  .enlighter-t-dracula.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    background-image: none;
    background-color: transparent;
    color: #f8f8f2;
    font-size: 1.15em;
    padding: 2px 8px 2px 8px;
    margin: 0 5px 0 5px;
    border: none;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  .enlighter-t-dracula.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #44475a;
    color: #f8f8f2;
  }
  
  .enlighter-t-monokai {
    background-color: #272822;
  }
  
  .enlighter-t-monokai .enlighter-toolbar {
    top: 10px;
    right: 10px;
  }
  
  .enlighter-t-monokai .enlighter-btn {
    background-image: none;
    background-color: #414339;
    color: #f8f8f2;
    font-size: 1em;
    padding: 2px 8px 2px 8px;
    margin: 0 5px 0 5px;
    border: solid 1px #1e1f1c;
    font-family: "Open Sans", Arial, Verdana, sans-serif;
  }
  
  .enlighter-t-monokai .enlighter-btn:hover {
    background-color: #4e5145;
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-raw {
    background-image: none;
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-raw:after {
    content: "Raw";
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-copy {
    background-image: none;
  }
  
  
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-window {
    background-image: none;
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-window:after {
    content: "Extern";
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-website {
    background-image: none;
  }
  
  .enlighter-t-monokai .enlighter-toolbar .enlighter-btn-website:after {
    content: "EnlighterJS";
  }
  
  .enlighter-t-monokai.enlighter-hover div.enlighter > div:hover {
    background-color: #75715e;
  }
  
  .enlighter-t-monokai .enlighter-raw {
    font-size: 1.25em;
    color: #f8f8f2;
    line-height: 1.85em;
    padding: 4px 5px 4px 55px;
  }
  
  .enlighter-t-monokai div.enlighter > div {
    padding: 1px 5px 1px 14px;
    line-height: 1.6em;
  }
  
  .enlighter-t-monokai div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-monokai div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-monokai div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-monokai div.enlighter > div.enlighter-special {
    background-color: #414339;
  }
  
  .enlighter-t-monokai.enlighter-linenumbers div.enlighter > div::before {
    font-size: 1em;
    color: grey;
  }
  
  .enlighter-t-monokai .enlighter span {
    font-size: 1.25em;
  }
  
  .enlighter-t-monokai .enlighter-text {
    color: #f8f8f2;
  }
  
  .enlighter-t-monokai .enlighter-c0 {
    color: #75715e;
  }
  
  .enlighter-t-monokai .enlighter-c1 {
    color: #75715e;
  }
  
  .enlighter-t-monokai .enlighter-c2 {
    color: #75715e;
  }
  
  .enlighter-t-monokai .enlighter-c9 {
    color: #75715e;
  }
  
  .enlighter-t-monokai .enlighter-k0 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-k1 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-k2 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-k3 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-k4 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-k5 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-k6 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-k7 {
    color: #f8f8f2;
  }
  
  .enlighter-t-monokai .enlighter-k8 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-k9 {
    color: #fd971f;
  }
  
  .enlighter-t-monokai .enlighter-k10 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-k11 {
    color: #75715e;
  }
  
  .enlighter-t-monokai .enlighter-e0 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-e1 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-e2 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-e3 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-e4 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-s0 {
    color: #e6db74;
  }
  
  .enlighter-t-monokai .enlighter-s1 {
    color: #e6db74;
  }
  
  .enlighter-t-monokai .enlighter-s2 {
    color: #e6db74;
  }
  
  .enlighter-t-monokai .enlighter-s3 {
    color: #e6db74;
  }
  
  .enlighter-t-monokai .enlighter-s4 {
    color: #e6db74;
    font-weight: 700;
  }
  
  .enlighter-t-monokai .enlighter-s5 {
    color: #e6db74;
    font-style: italic;
  }
  
  .enlighter-t-monokai .enlighter-n0 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-n1 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-n2 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-n3 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-n4 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-n5 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-m0 {
    color: #66d9ef;
  }
  
  .enlighter-t-monokai .enlighter-m1 {
    color: #66d9ef;
  }
  
  .enlighter-t-monokai .enlighter-m2 {
    color: #66d9ef;
  }
  
  .enlighter-t-monokai .enlighter-m3 {
    color: #66d9ef;
  }
  
  .enlighter-t-monokai .enlighter-g0 {
    color: #f8f8f2;
    font-weight: 700;
  }
  
  .enlighter-t-monokai .enlighter-g1 {
    color: #f8f8f2;
    font-weight: 700;
  }
  
  .enlighter-t-monokai .enlighter-t0 {
    color: #f8f8f2;
  }
  
  .enlighter-t-monokai .enlighter-t1 {
    color: #a6e22e;
  }
  
  .enlighter-t-monokai .enlighter-t2 {
    color: #a6e22e;
  }
  
  .enlighter-t-monokai .enlighter-t3 {
    color: #e6db74;
  }
  
  .enlighter-t-monokai .enlighter-t4 {
    color: #e6db74;
  }
  
  .enlighter-t-monokai .enlighter-t5 {
    color: #a6e22e;
  }
  
  .enlighter-t-monokai .enlighter-t6 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-t7 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-t8 {
    color: #75715e;
  }
  
  .enlighter-t-monokai .enlighter-x1 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-x2 {
    color: #a6e22e;
  }
  
  .enlighter-t-monokai .enlighter-x10 {
    color: #a6e22e;
  }
  
  .enlighter-t-monokai .enlighter-x11 {
    color: #a6e22e;
  }
  
  .enlighter-t-monokai .enlighter-x12 {
    color: #66d9ef;
    font-style: italic;
  }
  
  .enlighter-t-monokai .enlighter-x13 {
    color: #f92672;
  }
  
  .enlighter-t-monokai .enlighter-x14 {
    color: #ae81ff;
  }
  
  .enlighter-t-monokai .enlighter-x15 {
    color: #a6e22e;
  }
  
  .enlighter-t-monokai.enlighter-v-codegroup .enlighter-codegroup-switch {
    background-color: #414339;
    padding: 10px 10px 0 30px;
  }
  
  .enlighter-t-monokai.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    background-image: none;
    background-color: #414339;
    color: #f8f8f2;
    font-size: 1.15em;
    padding: 2px 8px 2px 8px;
    margin: 0 10px 0 10px;
    border: none;
    line-height: 2.1em;
    border-radius: 0;
    font-style: italic;
  }
  
  .enlighter-t-monokai.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #272822;
    color: #f8f8f2;
    font-weight: 700;
    font-style: normal;
  }
  
  /*@BASETHEME:classic*/
  .enlighter-t-wpcustom {
    background-color: transparent;
    border: 1px solid #e8e8e2;
  }
  
  .enlighter-t-wpcustom .enlighter-btn {
    background-color: #fff;
    color: #717171;
    font-size: 1em;
    padding: 0;
    border: 1px solid #e0e0e0;
    margin: 0 0 0 8px;
    text-decoration: none;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
  }
  
  .enlighter-t-wpcustom .enlighter-btn:hover {
    border-color: #c9c9c9;
  }
  
  .enlighter-t-wpcustom .enlighter-btn:after {
    content: "";
  }
  
  .enlighter-t-wpcustom.enlighter-hover div.enlighter > div:hover {
    background-color: #f0f0f0;
  }
  
  .enlighter-t-wpcustom .enlighter-raw {
    font-size: 1.1em;
    color: #404141;
    line-height: 1.75em;
    padding: 4px 5px 4px 58px;
  }
  
  .enlighter-t-wpcustom div.enlighter {
    line-height: 1.7em;
  }
  
  .enlighter-t-wpcustom div.enlighter > div {
    padding: 1px 5px 1px 14px;
    line-height: 1.7em;
    color: #aaa;
  }
  
  .enlighter-t-wpcustom div.enlighter > div > div {
    border-left: solid 4px #52ce52;
  }
  
  .enlighter-t-wpcustom div.enlighter > div:first-child {
    padding-top: 5px;
  }
  
  .enlighter-t-wpcustom div.enlighter > div:last-child {
    padding-bottom: 5px;
  }
  
  .enlighter-t-wpcustom div.enlighter > div:after {
    content: " ";
  }
  
  .enlighter-t-wpcustom div.enlighter > div:nth-child(even) {
    background-color: #f8f8f8;
  }
  
  .enlighter-t-wpcustom div.enlighter > div.enlighter-special {
    background-color: #f9f9f9;
    border-left-color: #3fa03f;
  }
  
  .enlighter-t-wpcustom.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 5px 1px 14px;
    color: #404141;
    font-size: 0.8em;
    width: 55px;
    min-width: 55px;
  }
  
  .enlighter-t-wpcustom .enlighter span {
    font-size: 1.1em;
  }
  
  .enlighter-t-wpcustom .enlighter-text {
    color: #000;
  }
  
  .enlighter-t-wpcustom .enlighter-c0 {
    color: #a0a0a0;
  }
  
  .enlighter-t-wpcustom .enlighter-c1 {
    color: #a0a0a0;
  }
  
  .enlighter-t-wpcustom .enlighter-c2 {
    color: #a0a0a0;
  }
  
  .enlighter-t-wpcustom .enlighter-c9 {
    color: #a0a0a0;
  }
  
  .enlighter-t-wpcustom .enlighter-k0 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-k1 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-k2 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-k3 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-k4 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-k5 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-k6 {
    color: #12217c;
    font-style: italic;
  }
  
  .enlighter-t-wpcustom .enlighter-k7 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-k8 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-k9 {
    color: #990073;
  }
  
  .enlighter-t-wpcustom .enlighter-k10 {
    color: #990073;
  }
  
  .enlighter-t-wpcustom .enlighter-k11 {
    color: #a0a0a0;
  }
  
  .enlighter-t-wpcustom .enlighter-e0 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-e1 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-e2 {
    color: #996700;
  }
  
  .enlighter-t-wpcustom .enlighter-e3 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-e4 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-s0 {
    color: #217908;
  }
  
  .enlighter-t-wpcustom .enlighter-s1 {
    color: #217908;
  }
  
  .enlighter-t-wpcustom .enlighter-s2 {
    color: #cf6a4c;
  }
  
  .enlighter-t-wpcustom .enlighter-s3 {
    color: #217908;
  }
  
  .enlighter-t-wpcustom .enlighter-s4 {
    color: #217908;
  }
  
  .enlighter-t-wpcustom .enlighter-s5 {
    color: #217908;
  }
  
  .enlighter-t-wpcustom .enlighter-n0 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-n1 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-n2 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-n3 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-n4 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-n5 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-m0 {
    color: #12217c;
    background-color: #e0e0e0;
  }
  
  .enlighter-t-wpcustom .enlighter-m1 {
    color: #12217c;
    background-color: #e0e0e0;
  }
  
  .enlighter-t-wpcustom .enlighter-m2 {
    color: #12217c;
    background-color: #e0e0e0;
  }
  
  .enlighter-t-wpcustom .enlighter-m3 {
    color: #12217c;
    background-color: #e0e0e0;
  }
  
  .enlighter-t-wpcustom .enlighter-g0 {
    color: #12217c;
  }
  
  .enlighter-t-wpcustom .enlighter-g1 {
    color: #2a2a2a;
  }
  label.menu-btn{
    display:none;
    
  }
  .enlighter-t-wpcustom .enlighter-t0 {
    color: #a0a0a0;
  }
  
  .enlighter-t-wpcustom .enlighter-t1 {
    color: #387905;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-t2 {
    color: #990073;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-t3 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-t4 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-t5 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-t6 {
    color: #387905;
  }
  
  .enlighter-t-wpcustom .enlighter-t7 {
    color: #a0a0a0;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-t8 {
    color: #a0a0a0;
    font-style: italic;
  }
  
  .enlighter-t-wpcustom .enlighter-x1 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-x2 {
    color: #458;
  }
  
  .enlighter-t-wpcustom .enlighter-x10 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-x11 {
    color: #12217c;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-x12 {
    color: #458;
    text-decoration: underline;
  }
  
  .enlighter-t-wpcustom .enlighter-x13 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-x14 {
    color: #a61d1b;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom .enlighter-x15 {
    color: #990073;
  }
  
  .enlighter-t-wpcustom.enlighter-v-inline {
    background-color: transparent;
    border: none;
  }
  
  .enlighter-t-wpcustom.enlighter-v-codegroup {
    display: block;
  }
  
  .enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-wrapper {
    position: relative;
  }
  
  .enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-switch {
    background-color: #f8f8f8;
    padding-left: 45px;
  }
  
  .enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    border: none;
    font-size: 1em;
    width: auto;
    height: auto;
    background-color: transparent;
    padding: 5px 10px 5px 10px;
    font-weight: 700;
    color: #000;
  }
  
  .enlighter-t-wpcustom.enlighter-v-codegroup
    .enlighter-codegroup-switch
    .enlighter-btn.enlighter-active {
    background-color: #52ce52;
    color: #f9f9f9;
    font-weight: 700;
  }
  
  .enlighter-t-wpcustom div.enlighter > div.enlighter-special:hover {
  }
  
  .enlighter-t-wpcustom .enlighter-x16 {
  }
  
  /* Enlighter dynamic generated stylesheet - DO NOT EDIT */
  .enlighter-default .enlighter-btn-website {
    display: none;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  *{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
  }
  .firstimg{
    margin: 37px;
    width: 3in;
    /* box-shadow: 2px 2px 20px gray; */
    }
    .mostpo{
      margin-top: 0in;
    }
    .goh{display:flex;width: 100%;justify-content: center;}
    .frstimg{
      margin: 37px;
      width: 3in;
      margin-top: 3.6in;
    }
    .custom-btn:checked{
      color: #0080ff;
    } 
  
  
  .btn-3:hover:checked ~ .imh-h{
    color: #0091ff;
  }
    .custom-btn {
      width: 130px;
      height: 40px;
      color: #fff;
      border-radius: 5px;
      padding: 10px 25px;
      font-family: 'Lato', sans-serif;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      display: inline-block;
      box-shadow: inset 2px 
      2px 2px 0px #ffffff,
        7px 7px 20px 0px rgba(255, 255, 255, 0.1),
        4px 4px 5px 0px rgba(255, 255, 255, 0.1);
      outline: none;
    }
  
  .time{
  margin-top: -3.3in;
  }
  
    /* 3 */
    .btn-3 {
      color: #fff;
      font-weight: 800;
      margin-left: -17px;
      width: 346px;
      height: 332px;
      line-height: 42px;
      padding: 0;
      border: none;
  
    }
    .btn-3 span {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
    }
  
    .btn-3:before,
    .btn-3:after {
      position: absolute;
      content: "";
      right: 0;
      top: 0;
      background: #00fffc;
      transition: all 0.3s ease;
    }
  
    .btn-3:before {
      height: 0%;
      width: 2px;
    }
  
    .btn-3:after {
      width: 0%;
      height: 2px;
    }
  
    .btn-3:hover {
      background: transparent;
      box-shadow: none;
    }
  
    .btn-3:hover:before {
      height: 100%;
    }
  
    .btn-3:hover:after {
      width: 100%;
    }
  
    .btn-3 span:hover {
      color: #00fffc;
    }
  
    .btn-3 span:before,
    .btn-3 span:after {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      background: #00fffc;
      transition: all 0.3s ease;
    }
  
    .btn-3 span:before {
      width: 2px;
      height: 0%;
    }
  
    .btn-3 span:after {
      width: 0%;
      height: 2px;
    }
  
    .btn-3 span:hover:before {
      height: 100%;
    }
  
    .btn-3 span:hover:after {
      width: 100%;
    }
  
    .projects{
      margin-top: 0in;
    }
    .time{
  
    }
    .imh-h{
    display: flex;
    
    font-family: 'Agbalumo';
    justify-content: center;
    font-size: 25px;
    width: 3.3in;
    }
    .onek{
      font-size: 15px;
      width: 0.3in;
      display: flex;
      justify-content: center;
      font-family: cursive;
  border-radius: 13px;
  display:flex;
  margin: 20px;
  
    box-shadow: 2px 2px 8px gray;
      color: black;
      border: 1px solid rgb(205, 205, 205);
    }
   
    .one{
      font-size: 15px;
      width: 0.3in;
      display: flex;
      justify-content: center;
      font-family: cursive;
  border-radius: 13px;
  display:flex;
  margin: 20px;
  
    
      color: black;
      
  
      border: 1px solid rgb(205, 205, 205);
    }
    .one:focus{
      color: #00a2ff;
    }
    .imn{
      width:2.8in;
      margin-top: 21px;
      }
      .im{
        font-family: 'Agbalumo';
        font-size:17px;
        margin-left: 20px;
      }
      .i{
        font-family: 'Agbalumo';
        font-size: 25px;
        /* background: bisque; */
        /* transform: rotateX(200deg); */
        /* transition: rotateX 1s linear; */
        margin-top: 89px;
        display: flex;
        width: 3.3in;
        animation: dc 2s infinite;
        justify-content: center;
      }
      @keyframes dc {
        0%{
          transform: rotateX(0deg);
        }
        100%{
          transform: rotateX(360deg);
        }
      }
      .sec{
        /* border: 2px solid black; */
        /* margin-top: 100px; */
      }
      .ec{
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      }
      .firsthj {
        font-size: 41px;
        font-family: 'Agbalumo';
        /* width: 100%; */
        display: flex;
        margin-left: 1in;
        justify-content: center;
    }
    .writep {
      font-size: 23px;
      display: flex;
      margin-top: 10px;
      font-family: 'Agbalumo';
      /* height: 25px; */
      justify-content: center;
  }
    .videosp {
      /* background: violet; */
      width: 4.1in;
      /* border-top-left-radius: 37px; */
      /* border: 66px; */
  }
  .videosp {
    /* display: flex; */
    margin: 52px;
    /* margin-left: 125px; */
  }
  
  .firstpart {
    display: flex;
    /* margin: 28px; */
    width: 100%;
    justify-content: center;
  }
  
  .firstpart {}
  
  .write {
    font-size: 29px;
    display: flex;
    font-family: 'Agbalumo';
    margin-top: 6px;
    justify-content: center;
  }
  
  .bhai {}
  
  .buttonforv:hover {
  color:white;
    transition: color 0.3s;
  }
  
  .buttonforv {background:lightblue;}
  .buttonforv {
      margin-top: 27px;
      font-family: 'Agbalumo';
      border-radius: 20px;
      display: flex;
      height: 30px;
      width: 2in;  
      justify-content: center;
      align-items: center;
  }
  .vj {
    margin-top: -4.9in;
    margin-left: 10px;
    position: relative;
  }
  
  
  
  .bo{
    position: relative;
    overflow: hidden;
    width: 414px;
    height: 5in;
    animation: anate 4s linear infinite;
    margin-left: 0in;
    /* margin-top: 200px; */
    border-radius:25px;
  
  
  
    }
    @property --a{
        syntax: '<angle>';
            inherits: false;
            initial-value: 0deg;
    }
    @keyframes anate {
        0%{
            --a:0deg;
        }
        100%{
            --a:360deg;
        }
    }
    .bo::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: repeating-conic-gradient(from var(--a), #AB47BC 0%, #AB47BC 5%, transparent 5%, transparent 40%, #AB47BC 50%);
    animation: anate 4s linear infinite;
  
    }
    .bo::after{
    content:'';
    position: absolute;
    inset: 5px;
    background-color: rgb(255, 255, 255);
    
    border-radius: 20px;
    }
  .butonforv:hover {
    color:white;
      transition: color 0.3s;
    }
    
    .butonforv {background:lightblue;}
    .butonforv {
     
        font-family: 'Agbalumo';
      
        border-radius: 20px;
        display: flex;
        height: 30px;
        width: 2in;  
        justify-content: center;
        align-items: center;
    }
  .buttonforv {}
  
  .bhai {
      display: flex;
      width: 100%;
      justify-content: center;
  }
      .itmji{margin-right: 40px;}
    .on{
      margin-top: 18px;
    }
    .scroll-up-btn.show{
      bottom: 30px;
      opacity: 1;
      pointer-events: auto;
    }
    .scroll-up-btn:hover{
      filter: brightness(90%);
    }
    
    .aboutu{
      margin-top: -35px;
         color: rgb(255 0 0);
         font-size: 25px;
         margin-left: 450px;
         width: 2in;
         font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     }
     
    .pagination{
      display: flex;
      width: 100%;
  
    }
    .one:hover{
      
    }
    .firtdo:hover .nm{
      color: cornflowerblue;
    }
    .firstimg:hover .imh-h{
  color: cornflowerblue;
    }
    .amirzx{
      height: 1803px;
      width: 295px;
      display: flex;
      /* margin-top: 31px; */
      /* position: fixed; */
      /* margin: 60px; */
      flex-direction: column;
    }
    .projects{
      display: flex;
      /* justify-content: flex-end; */
      /* margin-left: 6in; */
      /* margin-top: -22in; */
      width: 7.8in;
    }
    .imh-hv{
    width:23%;
      height: auto;
    }
    .imh{
      width: 110%;
      height: auto;
      /* box-shadow: 2px 2px 20px gray; */
    }
  html{
    height: 100%;
  }
  .fixed{
    height: 296px;
    /* border: 6px solid #e9e9e9; */
    width: 200px;
    position: relative;
    /* width: 100%; */
    margin-top: -3.4in;
    /* position: fixed; */
  }
  .fixedd{
    height: 3249px;
    width: 295px;
    display: flex;
    /* margin-top: 31px; */
    /* position: fixed; */
    /* margin: 60px; */
    flex-direction: column;
  }
  .avvb{
    display: flex;
    font-family: cursive;
    font-weight: 800;
    margin: 17px;
    font-size: 12px;
    justify-content: center;
  }
  .mostpo{display: flex;/* width: 100%; */flex-direction: column;}
  
  .avvb:hover{
    color:#8400ff;
    transform:scale(1.1);
    transition:transform 0.4s;
  }
  .mostpopul{
    display:flex;
    margin: 20px;
    width: 3in;
  }
  .m{
    /* width: max-content; */
    max-width: 45%;
    /* height: 66px; */
    height: auto;
  }
  .nm{
    margin-left:20px;
    font-family:cursive;
    
  }
  .bnb{
    width: 6in;
    margin-top: 14px;
  }
  .loginoage{
    margin-top: 1in;
  }
  .craet{
    font-family: 'Agbalumo';
    font-size: 34px;
    width: 6in;
  }
  .cv{
    margin-top: 37px;
  }
  .cv-1{
    margin-top: 8px;
    font-size: 20px;
    width: 6in;
    font-family: 'Agbalumo';
  }
  .stes{
    margin-top: 20px;
    /* width: 100%; */
    /* display: flex; */
    /* flex-direction: column; */
    align-content: center;
    justify-content: center;
    /* align-items: center; */
  }
  .cv1{
    margin-bottom: 30px;
    font-size: 30px;
    width: 6in;
    font-family: 'Agbalumo';
  }
  .live{
    font-family: 'Agbalumo';
    font-size: 19px;
    display: flex;
    color: white;
    width: 2in;
    margin: 30px;
    height: 56px;
    border-radius: 17px;
    background-color: #0091ff;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  .button{
    display: 
    flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  @media (max-width: 320px) {
    div.amaxin{
      width: 3in;
    
    }
    div.startingh{
      display: block;
    }
    div.starting{
      display: flex;
    }
    div.firtsin{
      display: none;
    }
    div.allthing{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction:column;
     } 
     div.gh{
      /* margin-left: 39px; */
      /* width: 2.5in; */
      flex-shrink: inherit;
      font-size: 37px;
      display: flex;
      /* margin-top: -362px; */
      justify-content: center;
      }
    
     p.jada{font-family:cursive;width: 270px;/* margin-left: 77px; */font-size: 25px;/* margin-right: 74px; */}
     div.gah{
       display:flex;
       width: 1.9in;
       justify-content:center;
     }
    div.gw{
      margin:0px;
      
    }
     div.bna{flex-direction:column;/* justify-content: center; */}
     img.sam{
     /* margin-left: -296px; */
     /* margin-top: 36px; */
     border-radius: 12px;
     width: 50px;
     height: 50px;
  }
     img.am{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
     img.az{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
                                     
    div.to{
        width: 3in;
        font-size: 42px;
        margin-top: 36px;
        margin-left: 0;
    }
    ul.qaz{
      display: none;
    }
  
  
   nav.hi{
    height: 83px;
  
   }
   li.amir{
    display: none;
    font-size: 50px;
    margin-top: 0.11in;
    /* display: flex; */
    /* margin-left: 135px; */
    /* position: absolute; */
    position:relative;
  }
  li.gb{
    font-size: 30px;
    display: flex;
    /* margin-top: -0.5in; */
    margin-left: 6px;
    width: 100%;
    /* display: flex; */
    /* margin-left: 3in; */
    /* margin-left: 259px; */
    justify-content: flex-start;
  }
  li.car{
   display: flex;
   margin-left: -99px;
   width: 100%;
   margin-top: 4px;
   /* margin-left: 1in; */
   justify-content: flex-end;
  }
   li.amir{
    font-size: 50px;
    display: none;
    margin-top: 0.11in;
    margin-left: 3.1in;
    position:relative;
  }
  li.gb{
    /* font-size: 30px; */
    /* margin-top: -0.5in; */
    font-size: 27px;
    /* margin-left: 1.2in; */
    /* display: none; */
    /* width: 2in; */
  }
  li.car{
   /* margin-left: 0.3in; */
   /* width: 2in; */
   /* margin-left: -92px; */
  }
    div.his{
    width: 70px;
    height: 68px;
}
    img.you{
      width: 70px;
      height: 70px;
    }
     a.hayi{
      font-size: 30px;
    }
    a.a:hover{
      display: none;
    }
    a.h:hover{
      display: none;
    }
    
    a.c:hover{
      display: none;
    }
    a.p:hover{
      display: none;
    }
    a.h
      {
      font-size: 30px;
    }
    a.a
      {
      font-size: 30px;
    }
    a.c
      {
      font-size: 30px;
    }
    a.p
      {
      font-size: 30px;
    }
  
  
    div.gnhj{
      width: 2in;
    }
    div.enlighter-v-standard{
      width: 93vw;
    }
    div.im{
      width: 100%;
      font-size: 6vw;
      margin-left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
  }
    img.imn{width: 83vw;display: flex;align-items: center;justify-content: center;}
    img.m{
      /* width: 100vw; */
      max-width: 81vw;
  }
    div.nm{
      width: 100%;
      font-size: 4vw;
      margin-left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-direction: column;
  }
    div.mostpopul{
      display: flex;
      flex-direction: column;
      margin: 0;
      margin-top: 20px;
      align-items: center;
  }
    div.mostpo{
      display: flex;
      flex-direction: column;
      align-items: center;
      align-content: center;
  }
    div.i{
      width: 100%;
      font-size: 12vw;
  }
    div.bn{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    }
    article{
      margin-top: 250px;
    }
    div.ec{
      margin-top: 0in;
      width: 100%;
  }
    div.fixedd{
      width: 100%;
      height: 1579px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      align-content: center;
  }
    div.vcx{}
    div.itmji{
      margin-right: 0;
      margin-top: 76px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
    label.menu-btn{
      display:block;
    }
    div.goh{
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      align-content: center;
      justify-content: center;
  }
    div.stes{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      align-content: center;
  }
    div.cv1{
      width: 85vw;
  }
    div.cv-1{
      width: 86vw;
      display: flex;
      align-items: center;
      justify-content: center;
      align-content: center;
      flex-direction: column;
  }
    img.bnb{
      width: 88vw;
  }
    div.craet{
      width: 87vw;
      font-size: 28px;
  }
   div.loginoage{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      align-content: center;
  }
    html,body{
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
    }
    div.qaz{
      display: none;
    }
   div.to{
    
   }
      h1{
        margin-left: 0.8in;
        margin-top: 1in;
        /* font-size: 20px; */
      }
      ul.hif{
        /* width: 0px; */
        /* height: 0px; */
      }
      div.semi{
        margin-top: -2in;
        font-size: 89px;
      }
      ul.hif{
        /* display: none; */
        /* width: 0px; */
        /* height: 0px; */
        display: flex;
        width: 100%;
        flex-direction: row-reverse;
      }
      div.waviy{
        margin-left:50px;
        width: 3.0in;
        font-size: 35px;
      }
      div.container input{
        margin-left:50px;
      }
      button.btn{
        margin-left:40px;    
        }
  span.ohg{
    color: rgb(160, 68, 185);
    font-size: 30px;
  }
      
       span.ohg::before{
          content: "";
          height: 40px;
          width: 2px;
         position: absolute ;
          top: 50%;
          right: -8px;
         background-color: #000000;
          transform: translateY(-45%);
          animation: blink 0.7s infinite;
      }
    
      
      img.b{
        margin-top: 1.6in;
        margin-left: 5px;
        width: 338px;
      }
      .bun a{
        display: none;
      }
      div.onlyb{
    
        margin-left:0.7in;
        margin-top:8in;
      }
      div.onlyu{
       
        margin-left:0.7in;
        margin-top:12in;
      }
      div.dof{
        animation-play-state: paused;
        margin-left: -3.3in;
      }
      div.onlyp{
    
        margin-left:0.7in;
        margin-top:4in;
      }
      canvas{
        display: none;
      }
      div.container{
        margin-left: -24px;
      }
      div.cntent{
        display: none;
      }
      div.content {
      display: none;
  
      }
    
      button.kab{
      
  /* animation-name: omy; */
      
  /* animation-duration: 21s; */
      
  /* animation-name: omy; */
      
  /* animation-delay: 6s; */
      
  /* animation-play-state: paused; */
      
  animation: none;
      
  }
        @keyframes omy{
            0%{
            margin-left: 0px;
            }
            10%{
            margin-left: 0.1in;
            }
            20%{
            margin-left: 0in;
            }
            30%{
            margin-left: 0in;
            }
      }
      div.di{
        margin-top: 17in;
       
    }
  
  div.box{
    /* width: 3.3in; */
    /* margin-left:0.4in; */
    /* height: 5.3in; */
    width: 67vw;
    /* width: 287px; */
    /* margin-top:0.8in; */
  }
    button.start{
      margin-left:0.6in;
    }
  
    div.gna{
      font-size:30px;
      margin-left:-0.4in;
      
    }
    div.pa{
      font-size: 22px;
      width: 2.7in;
      font-family:cursive;
    }
  div.raaj{
  background: lightcoral;
  margin-left:0.5in;
  margin-top:-5.2in;
  width: 265px;
  }
  img.scrol{
    width: 271px;
    height: 161px;
  }
  div.gsar{
    width: 3in;
    margin-left:0.4in;
    height: 5.3in;
    background-color:trasparent;
    margin-top:0.8in;
  }
    button.face{
      margin-left:0.6in;
    }
  
  
  
  
  div.raj{
    background: chartreuse;
    margin-left:0.5in;
    margin-top:-5.2in;
    width: 271px;
  }
    div.jo{
      width: 3in;
      margin-left:0.4in;
      height: 5.3in;
      background-color:trasparent;
      margin-top:0.8in;
  }
   
  
    
  div.rj{
    background: beige;
    margin-left:0.5in;
    margin-top:-5.2in;
    width: 270px;
  }
  div.mu{
    margin-left:20px;
    border-radius:80px;
    width: 3in;
    height:4.6in;
    box-shadow:2px 2px 10px gray;
  }
  div.di{
    margin-top: 20in;
    margin-left: -32px;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
  }
      img.code{
        width: 234px;
        margin-left: 27px;
        height: 156px;
        margin-top:40px;
      }
   div.lo{
     margin-left:80px;
     font-size:40px;
   }
   div.soy{
    display: block;
   }
      button.read{
        margin-left:80px;
        margin-top:40px;
        
      }
      /*hghjgh*/
      div.moan{
        margin-left:20px;
        border-radius:80px ;
        width:3.7in;
        height:4.6in;
        margin-top: 2in;
        box-shadow:2px 2px 10px gray;
  
    }
    div.moa{
        margin-left:20px;
        border-radius:80px ;
        width:3.7in;
        height:4.6in;
        margin-top: 2in;
        box-shadow:2px 2px 10px gray;
  
    }
    div.mnan{
        margin-left:20px;
        border-radius:80px ;
        width:3.7in;
        height:4.6in;
        margin-top: 2in;
        box-shadow:2px 2px 10px gray;
  
    }   
    div.loh{
        font-size: 40px;
        width: 5in;
      margin-left:30px;
    }
  
   
  div.mu:hover{
    display:none;
  }
  div.moan:hover{
    display:none;
  }
  div.moa:hover{
    display:none;
  }
  div.mnan:hover{
    display:none;
  }
    div.url{
      padding-left:0px;
    }
  div.f{
    background-color:#07133b;
    height: 7in;
    margin-top: 2in;
   }
   div.g{
    /* margin-left: 100px; */
    /* margin-top: 0.8in; */
    font-size: 30px;
   }
   div.o,div.project,div.blogs,div.aboutu{
     /* margin-left: 170px; */
    }
    img.home,img.proj,img.blog,img.about{
     /* margin-left: 120px; */
    }
  button.lok{
  margin-left: 53px;
  }
    div.gh{
      /* margin-left: -307px; */
      display: flex;
      font-size: 31px;
      /* margin-top: -362px; */
      justify-content: center;
      }
   

    img.omh{
  margin-top:40px;
    }
    div.footr{
  flex-direction:column
    }
     img.sam{
     /* margin-left: -296px; */
     /* margin-top: 36px; */
     width: 47px;
     height: 47px;
  }
     img.am{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 47px;height: 47px;}
     img.az{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 47px;height: 47px;}
  }
  
  
  .amaxin,.df{
    animation:df  1s   ease;
  
  }
  .likn{/* margin-left: 0in; */margin-top: 36px;display: flex;justify-content: center;}
  .xc{
    color: #00aeff;
  }
  .xx{color:aqua;margin-left: -3in;margin-top: 1.9in;}
  .xxx{color:moccasin;/* margin-left: 9in; *//* width: 9in; */}
  .gw{margin: 15px;display: flex;justify-content: center;}
  
  .vby{
    /* color: navajowhite; */
    width: 100%;
    justify-content: center;
    display: flex;
  }
  .vbb{
    color: #000000;
  }
  .bna{
    color: #ff0000;
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
  }
  .cvb{
    color: #0080ff;
    display: flex;
    /* margin: -29px; */
    margin-top: -19px;
    /* width: 406px; */
    width: 100%;
    justify-content: space-around;
  }
  .movn{
    color: #07133b;
  }
  .footr{
    color:white;
    display: flex;
    width: 100%;
    /* margin-left: 50px; */
    /* margin-left: 20px; */
    /* margin-right: 20px; */
    align-items: center;
    justify-content: center;
  }
  @keyframes   df{
    0%{transform:translate(0px, 100px); opacity: 0;}
    100%{transform:translate(0px, 0); opacity: 1;}
  }
  .amaxin{
    font-size: 73px;
    display: flex;
    height: 5in;
    width: 100%;
    font-family: cursive;
    justify-content: center;
    align-items: center;
  }
  .df{
    width: 3in;
    filter: drop-shadow(2px 2px 6px blueviolet);
    margin-left: -17px;
  }
  .fvb{
    display: flex;
    justify-content: center;
    margin-top: -137px;
    width: 100%;
  }
  
  .ainer{
    /* margin-left: 8in; */
    width: 3in;
  }
  
  .rapper{
    /* width: 1in; */
    display: flex;
    justify-content: center;
  }
  
  .ainer {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-perspective: 1000px;
            perspective: 1000px;
         
  
        }
  
        .front,
        .back {
          
            -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
            transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
            -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
            transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
            transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
            min-height: 280px;
          
            box-shadow: 0 0 10px solid blue;
  
          
            border-radius: 4in;
            color: #fff;
            font-size: 1.5rem;
        }
  
        .back {
            background: #cedce7;
            background: -webkit-linear-gradient(45deg, #cedce7 0%, #ffffff 100%);
            background: -o-linear-gradient(45deg, #0091ff 0%, #ffffff 100%);
            background: linear-gradient(45deg, #cedce7 0%, #00aeff 100%);
        }
  
        .front:after {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
          
            content: '';
            display: block;
            opacity: .6;
            background-color: #000;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            border-radius: 10px;
        }
  
      
  
        .back {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }
  
        .inner {
            -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
            top: 50%;
            position: absolute;
            left: 0;
            width: 100%;
            padding: 2rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        
            -webkit-perspective: inherit;
            perspective: inherit;
            z-index: 2;
        }
  
        .ainer .back {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }
  
        .ainer .front {
            -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }
  
   .ainer{
    animation: sss 10s infinite;
   }
   @keyframes sss {
    0%{
        transform: rotateY(0deg);
    }
    100%{
        transform: rotateY(360deg);
    }
   }
        .gbn,.nhn{
  width: 2.4in;
  height: 2.3in;
  border-radius: 4in;
        }
       
       
  div.v{
    margin: 1in;
  }
  .bottomMenu {
    position: fixed;
   
   
     
  
  
   
  
    z-index: 1;
    transition: all .5s;
  }
  .oo{
    display:flex;
    justify-content:center;
    margin-top: -11in;
    margin-left: 10in;
  }
  .hide {
    opacity:0;
   
  }
  .show {
    opacity:1;
  
  }
  
  .allthing{
  cursor:url(OIP-PhotoRoom.png-PhotoRoom-removebg-preview.png) auto;
  display: flexbox;
  }
  .scroll-up-btn{
    position: fixed;
    height: 45px;
    width: 42px;
    background: crimson;
    right: 30px;
    bottom: 10px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    z-index: 9999;
    font-size: 30px;
    border-radius: 6px;
    border-bottom-width: 2px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
  }
  .scroll-up-btn.show{
    bottom: 30px;
    opacity: 1;
    pointer-events: auto;
  }
  .scroll-up-btn:hover{
    filter: brightness(90%);
  }
  
  .aboutu{
    margin-top: -35px;
       color: rgb(255 0 0);
       font-size: 25px;
       margin-left: 450px;
       width: 2in;
       font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   }
   
   .qad {
    font-weight: 600;
    font-family: cursive;
    margin-left: 0.5in;
    animation: df 1s;
  }
  
  
  /* Scroller styling */
  .scroller {
    height: 1.2em;
    line-height: 1.2em;
    position: relative;
    overflow: hidden;
    width: 10em;
    font-size: 47px;
    margin-top: -50px;
    font-family: monospace;
    margin-left: 1in;
  }
  .cd{
  color: #0080ff;
  }
  .scroller > .hbg {
    position: absolute;
    top: 0;
    animation: df 1s, slide 5s 2s  infinite;
    font-weight: bold;
    
    
  }
  .cd.fgf{
  bottom: 30px;
    opacity: 1;
    
  }
  @keyframes slide {
    0% {
      top: 0;
    }
    25% {
      top: -1.2em;
    }
    50% {
      top: -2.4em;
    }
    75% {
      top: -3.6em;
    }
  
  
  }
  div.startingh{
    display: none;
  }
   @media (max-width: 790px) and (min-width: 320px){
    div.allthing{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction:column;
     } 
     div.di{
      /* display: none; */
    }
    div.startingh{
      display: block;
      width: 100%;
    }
    div.starting{
      /* display: block; */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    div.firtsin{
      display: none;
    }
    div.dicv{
      display: block;
    }
     div.lar{display:flex;width: 9in;margin-left: -2.6in;flex-direction: column;justify-content: center;}
    div.to{
        /* display: flex; */
        /* justify-content: center; */
        margin-top: 28px;
        /* width: 100%; */
        /* margin-left: 6px; */
        /* font-size: 61px; */
    }
     div.footr{
  flex-direction:column;
     }
     img.omh{margin-top: 49px;}
    ul.qaz{
      display: none;
    }
  
  
   nav.hi{
    height: 83px;
    /* background: oldlace; */
    /* width: 0; */
    /* display: none; */
    /* display: flex; */
   }
  
  label.menu-btn{
    /* top: 6in; */
    /* bottom: 30px; */
  }
  li.amir,li.gb,li.car{
    /* margin: -12px; */
}
   li.amir{
    display: none;
    font-size: 50px;
    margin-top: 0.11in;
    /* display: flex; */
    /* margin-left: 135px; */
    /* position: absolute; */
    position:relative;
  }
  li.gb{
    font-size: 30px;
    display: flex;
    /* margin-top: -0.5in; */
    margin-left: 20px;
    width: 100%;
    /* display: flex; */
    /* margin-left: 3in; */
    /* margin-left: 259px; */
    justify-content: flex-start;
  }
  li.car{
   display: flex;
   margin-left: -99px;
   width: 100%;
   margin-top: 4px;
   /* margin-left: 1in; */
   justify-content: flex-end;
  }
     a.hayi{
      font-size: 30px;
    }
    a.a:hover{
      display: none;
    }
    a.h:hover{
      display: none;
    }
    
    a.c:hover{
      display: none;
    }
    a.p:hover{
      display: none;
    }
    a.h
      {
      font-size: 30px;
    }
    a.a
      {
      font-size: 30px;
    }
    a.c
      {
      font-size: 30px;
    }
    a.p
      {
      font-size: 30px;
    }
  
  
    div.gnhj{
      width: 2in;
    }
  ::-webkit-scrollbar {
    width: 0px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
  
  
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #c12f2f;
    border-radius: 10px;
  }
    html,body{
      margin: 0px !important;
      padding: 0px !important;
      width: 100%;
      height: 100%;
      /* background: chartreuse; */
      /* overflow-x: visible; */
      overflow-x: hidden;
    }
    div.qaz{
      display: none;
    }
   span.weloc{width: 5in;font-size: 74px;margin-left: -289px;margin-top: 87px;display:flex;justify-content: center;}
      h1.qad{margin-top: 5in;/* display: none; *//* display: flex; *//* flex-direction: column; */}
      ul.hif{
        /* display: none; */
        /* width: 0px; */
        /* height: 0px; */
        display: flex;
        width: 100%;
        flex-direction: row-reverse;
      }
     div.scroller{margin-top: 1in;}
      div.semi{
        /* margin-top: -2.4in; */
        display: none;
      }
  
      div.waviy{
        /* margin-left:50px; */
        width: 3.0in;
        font-size: 35px;
      }
      div.container input{
        /* margin-left:50px; */
      }
      button.btn{
        /* margin-left:40px; */
        }
  span.ohg{
    color: rgb(160, 68, 185);
    font-size: 35px;
    
  }
      
       span.ohg::before{
          content: "";
          height: 40px;
          width: 2px;
         position: absolute ;
          top: 50%;
          right: -8px;
         background-color: #000000;
          transform: translateY(-45%);
          animation: blink 0.7s infinite;
      }
    
      div.firtsin{
  flex-direction:column;
      }
      img.b{
        margin-top: -6.5in;
        margin-left: 5px;
        width: 70%;
        display: flex;
        justify-content: center;
      }
      .bun a{
        display: none;
      }
      div.onlyb{
    
        margin-left:0.7in;
        margin-top:8in;
      }
      div.onlyu{
       /* margin-left:0.7in; */
       margin-top: 1in;
      }
      div.dof{
        animation-play-state: paused;
        /* margin-left: -3.5in; */
        margin-top: 4in;
        flex-direction: column;
      }
      div.onlyp{
    
        margin-left:0.7in;
        margin-top:4in;
      }
   div.amaxin{
    width: 3in;
  
   }
      div.container{
        margin-left: -24px;
      }
      div.cntent{
        display: none;
      }
      div.content {
      display: none;
  
      }
    
      button.kab{
      
        
        animation-name: omy;
        animation-duration: 21s;
        animation-iteration-count: infinite;
        animation-delay: 6s;}
        @keyframes omy{
            0%{
            margin-left: 0px;
            }
            10%{
            margin-left: 0.1in;
            }
            20%{
            margin-left: 0in;
            }
            30%{
            margin-left: 0in;
            }
      }
      div.di{
        /* margin-top: 17in; */
    }
  div.projects{
    display:flex;
    flex-direction:column;
  }
     .imh{
     width:90vw;
     }
  .imh-h{
    width:90vw;
    display:flex;
    justify-content:center;
  }
     div.itemji{
      display:flex;
      
      justify-content:center;
  }
     
  div.goh{
    /* width: 3.3in; */
    /* margin-left:0.4in; */
    /* height: 5.3in; */
    /* margin-top:0.8in; */
    display:flex;
    flex-direction: column;
  }
    button.start{
      margin-left:0.6in;
    }
  
    div.gna{
      font-size:30px;
      margin-left:-0.4in;
      
    }
    div.pa{
      font-size:20px;
      width:3in;
      font-family:cursive;
    }
  div.raaj{background:transparent;margin-left:0.5in;/* width: 50%; */margin-top:-5.2in;}
  img.scrol{
    /* width:300px; */
    width: 76%;
    height:180px;
  }
  div.gsar{
    width: 3.3in;
    /* margin-left:0.4in; */
    height: 5.3in;
    background-color:trasparent;
    /* margin-top:0.8in; */
  }
    button.face{
      margin-left:0.6in;
    }
  
  
  
  
  div.raj{
    background:transparent;
    margin-left: -309px;
    /* margin-top:-5.2in; */
  }
    div.jo{
      width: 3.3in;
    margin-left:0.4in;
      height: 5.3in;
    background-color:trasparent;
    margin-top:0.8in;
  }
   
  
    
  div.rj{
    background:transparent;
    margin-left:0.5in;
    margin-top:-5.2in;
      
  }
  div.mu{
    margin-left:20px;
    border-radius:80px;
    width:3.7in;
    height:4.6in;
    box-shadow:2px 2px 10px gray;
  }div.vb,div.firstr{
  flex-direction:column;
  }div.v{margin:0;display:flex;flex-direction:column;justify-content: center;}
  div.di{
    margin-top: 9in;
    margin-left: 49px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
      img.code{
        width:300px;
        /* margin-left:30px; */
        height:190px;
        margin-top:40px;
      }
     div.oo{margin-left: 11in;}
   div.lo{
     /* margin-left:80px; */
     font-size:40px;
   }
   div.soy{
    display: block;
   }
      button.read{
        margin-left:80px;
        margin-top:40px;
      }
      /*hghjgh*/
      div.moan{
        margin-left:20px;
        border-radius:80px ;
        width:3.7in;
        height:4.6in;
        margin-top: 2in;
        box-shadow:2px 2px 10px gray;
  
    }
    div.moa{
        margin-left:20px;
        border-radius:80px;
        width:3.7in;
        height:4.6in;
        /* margin-top: 2in; */
        box-shadow:2px 2px 10px gray;
    }
    div.mnan{
        margin-left:20px;
        border-radius:80px ;
        width:3.7in;
        height:4.6in;
        margin-top: 2in;
        box-shadow:2px 2px 10px gray;
  
    }   
    div.loh{
        font-size: 40px;
        width: 5in;
      margin-left:30px;
    }
  
   
  div.mu:hover{
    display:none;
  }
  div.moan:hover{
    display:none;
  }
  div.moa:hover{
    display:none;
  }
  div.mnan:hover{
    display:none;
  }
     div.goh{}
     div.enlighter-v-standard{
      width: 91vw;
  }
     div.craet{
      width: 94vw;
      /* background: chocolate; */
  }
     div.loginoage{display: flex;width: 100%;/* margin-top: -72in; */flex-direction: column;justify-content: center;align-items: center;}
     img.bnb{
      width: 94vw;
      /* display: flex; */
      /* justify-content: center; */
      /* align-items: center; */
      /* align-content: center; */
  }
  div.stes{
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
     div.cv1{
      display: flex;
      width: 96vw;
      align-items: center;
      justify-content: center;
  }
     div.css,div.hhtm{
       display: flex;
       /* width: 100%; */
       /* display: none; */
       align-items: center;
       justify-content: center;
       flex-direction: column;
     }
     div.cv-1{
      width: 93vw;
      display: flex;
      justify-content: center;
      /* background: cadetblue; */
      align-items: center;
      flex-direction: column;
  }
     label.menu-btn{
       display:block;
     }
     div.goh{
      /* margin-left: 10px; */
      display: flex;
      /* background: powderblue; */
      /* margin-right: 10px; */
      flex-direction: column-reverse;
  }
     div.vcx{
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
     div.box{
  }
     div.fixedd{
      /* margin-top: 37in; */
      display: flex;
      width: 100%;
      height: 1694px;
      flex-direction: column;
      align-items: center;
  }
     div.itmji{
       margin-right:0px;
     }
  div.f{
    background-color:#07133b;
    height: 8in;
    margin-top: 2in;
   }
   div.g{
    /* margin-left: 100px; */
    /* margin-top: 0.8in; */
    font-size: 39px;
   }
   div.o,div.project,div.blogs,div.aboutu{
     /* margin-left: 170px; */
    }
    img.home,img.proj,img.blog,img.about{
     /* margin-left: 120px; */
    }
  button.lok{/* margin-left: 53px; */}
    div.gh{
      /* margin-left: 39px; */
      /* width: 2.5in; */
      flex-shrink: inherit;
      font-size: 37px;
      display: flex;
      /* margin-top: -362px; */
      justify-content: center;
      }
     p.jada{font-family:cursive;width: 4in;/* margin-left: 10px; *//* margin-right: 20px; */}
     div.gah{
       display:flex;
       justify-content:center;
     }
     div.bna{flex-direction:column;/* justify-content: center; */}
     img.sam{
     /* margin-left: -296px; */
     /* margin-top: 36px; */
     border-radius: 12px;
     width: 50px;
     height: 50px;
  }
     img.am{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
     img.az{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
  }
  div.wel,div.aco{
    display: flex;
    justify-content: center;
    font-size: 10vw;
    }
        div.aco{
          font-size: 11vw;
          width: 8in;
          /* margin-right: 20px; */
          /* margin-left: 20px; */
        }
       div.toj{
        width: 100%;
        display: flex;
       
        justify-content: center;
       }
  @media (ax-width: 430px) and (mn-width: 32px) {
    div.amaxin{
      width: 3in;
    
    }
     div.css,div.hhtm{
       display: flex;
       align-items: center;
       justify-content: center;
     }
    div.startingh{
      display: block;
    }
    div.starting{
      display: flex;
    }
    div.firtsin{
      display: none;
    }
     div.goh{}
     div.enlighter-v-standard{
      width: 94vw;
  }
     div.craet{
      width: 94vw;
  }
     div.loginoage{display: flex;width: 100%;margin-top: -68in;flex-direction: column;justify-content: center;align-items: center;}
     img.bnb{
      width: 94vw;
      /* display: flex; */
      /* justify-content: center; */
      /* align-items: center; */
      /* align-content: center; */
  }
     div.cv1{
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
  }
     div.cv-1{
      width: 91vw;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }
     div.goh{
      /* margin-left: 10px; */
      /* margin-right: 10px; */
  }
     div.vcx{
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
     div.fixedd{
      margin-top: 36in;
      display: flex;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  div.f{
    background-color:#07133b;
    height: 8in;
    margin-top: 19in;
   }
    div.allthing{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction:column;
     } 
     div.gh{
      /* margin-left: 39px; */
      /* width: 2.5in; */
      flex-shrink: inherit;
      font-size: 37px;
      display: flex;
      /* margin-top: -362px; */
      justify-content: center;
      }
      p.jada{font-family:cursive;/* width: 270px; */margin-left: 15px;/* font-size: 25px; */margin-right: 10px;}
     
     div.gah{
       display:flex;
       width: 1.9in;
       justify-content:center;
     }
    div.gw{
      margin:0px;
      
    }
     div.bna{flex-direction:column;/* justify-content: center; */}
     img.sam{
     /* margin-left: -296px; */
     /* margin-top: 36px; */
     border-radius: 12px;
     width: 50px;
     height: 50px;
  }
     img.am{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
     img.az{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 50px;height: 50px;}
                                     
    div.to{
        /* width: 3in; */
        /* font-size: 42px; */
        /* margin-top: 36px; */
        /* margin-left: 0; */
    }
    ul.qaz{
      display: none;
    }
  
  
   nav.hi{
    height: 83px;
  
   }
  
  label.menu-btn{
    top: 6in;
  }
  
   li.amir{
    font-size: 50px;
    margin-top: 0.11in;
    margin-left: 3.1in;
    position:relative;
   
  }
  li.gb{
    font-size: 30px;
    margin-top: -0.5in;
  margin-left: 1.2in;
  width: 2in;
  }
  li.car{
   
    margin-left: 0.3in;
    width: 2in;
  }
     a.hayi{
      font-size: 30px;
    }
    a.a:hover{
      display: none;
    }
    a.h:hover{
      display: none;
    }
    
    a.c:hover{
      display: none;
    }
    a.p:hover{
      display: none;
    }
    a.h
      {
      font-size: 30px;
    }
    a.a
      {
      font-size: 30px;
    }
    a.c
      {
      font-size: 30px;
    }
    a.p
      {
      font-size: 30px;
    }
  
  
    div.gnhj{
      width: 2in;
    }
   
    html,body{
      margin: 0;
      padding: 0;
      width: 100%;
      height: 305%;
      overflow-x: hidden;
    }
    div.qaz{
      display: none;
    }
   div.to{
    
   }
      h1{
        margin-left: 0.8in;
        margin-top: 1in;
        /* font-size: 20px; */
      }
      ul.hif{
        width: 0px;
        height: 0px;
      }
      div.semi{
        margin-top: -2in;
        font-size: 89px;
      }
  
      div.waviy{
        margin-left:50px;
        width: 3.0in;
        font-size: 35px;
      }
      div.container input{
        margin-left:50px;
      }
      button.btn{
        margin-left:40px;    
        }
  span.ohg{
    color: rgb(160, 68, 185);
    font-size: 30px;
  }
      
       span.ohg::before{
          content: "";
          height: 40px;
          width: 2px;
         position: absolute ;
          top: 50%;
          right: -8px;
         background-color: #000000;
          transform: translateY(-45%);
          animation: blink 0.7s infinite;
      }
    
      
      img.b{
        margin-top: 1.6in;
        margin-left: 5px;
        width: 338px;
      }
      .bun a{
        display: none;
      }
      div.onlyb{
    
        margin-left:0.7in;
        margin-top:8in;
      }
      div.onlyu{
       
        margin-left:0.7in;
        margin-top:12in;
      }
      div.dof{
        animation-play-state: paused;
        margin-left: -3.3in;
      }
      div.onlyp{
    
        margin-left:0.7in;
        margin-top:4in;
      }
      canvas{
        display: none;
      }
      div.container{
        margin-left: -24px;
      }
      div.cntent{
        display: none;
      }
      div.content {
      display: none;
  
      }
    
      button.kab{
      
  /* animation-name: omy; */
      
  /* animation-duration: 21s; */
      
  /* animation-name: omy; */
      
  /* animation-delay: 6s; */
      
  /* animation-play-state: paused; */
      
  animation: none;
      
  }
        @keyframes omy{
            0%{
            margin-left: 0px;
            }
            10%{
            margin-left: 0.1in;
            }
            20%{
            margin-left: 0in;
            }
            30%{
            margin-left: 0in;
            }
      }
      div.di{
        margin-top: 17in;
       
    }
  
  div.box{
    width: 3.3in;
    margin-left:0.4in;
    height: 5.3in;
    width: 287px;
    margin-top:0.8in;
  }
    button.start{
      margin-left:0.6in;
    }
  
    div.gna{
      font-size:30px;
      margin-left:-0.4in;
      
    }
    div.pa{
      font-size: 22px;
      width: 2.7in;
      font-family:cursive;
    }
  div.raaj{
  background: lightcoral;
  margin-left:0.5in;
  margin-top:-5.2in;
  width: 265px;
  }
  img.scrol{
    width: 271px;
    height: 161px;
  }
  div.gsar{
    width: 3in;
    margin-left:0.4in;
    height: 5.3in;
    background-color:trasparent;
    margin-top:0.8in;
  }
    button.face{
      margin-left:0.6in;
    }
  
  
  
  
  div.raj{
    background: chartreuse;
    margin-left:0.5in;
    margin-top:-5.2in;
    width: 271px;
  }
    div.jo{
      width: 3in;
      margin-left:0.4in;
      height: 5.3in;
      background-color:trasparent;
      margin-top:0.8in;
  }
   
  
    
  div.rj{
    background: beige;
    margin-left:0.5in;
    margin-top:-5.2in;
    width: 270px;
  }
  div.mu{
    margin-left:20px;
    border-radius:80px;
    width: 3in;
    height:4.6in;
    box-shadow:2px 2px 10px gray;
  }
  div.di{
    margin-top: 20in;
    margin-left: -32px;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
  }
      img.code{
        width: 234px;
        margin-left: 27px;
        height: 156px;
        margin-top:40px;
      }
   div.lo{
     margin-left:80px;
     font-size:40px;
   }
   div.soy{
    display: block;
   }
      button.read{
        margin-left:80px;
        margin-top:40px;
        
      }
      /*hghjgh*/
      div.moan{
        margin-left:20px;
        border-radius:80px ;
        width:3.7in;
        height:4.6in;
        margin-top: 2in;
        box-shadow:2px 2px 10px gray;
  
    }
    div.moa{
        margin-left:20px;
        border-radius:80px ;
        width:3.7in;
        height:4.6in;
        margin-top: 2in;
        box-shadow:2px 2px 10px gray;
  
    }
    div.mnan{
        margin-left:20px;
        border-radius:80px ;
        width:3.7in;
        height:4.6in;
        margin-top: 2in;
        box-shadow:2px 2px 10px gray;
  
    }   
    div.loh{
        font-size: 40px;
        width: 5in;
      margin-left:30px;
    }
  
   
  div.mu:hover{
    display:none;
  }
  div.moan:hover{
    display:none;
  }
  div.moa:hover{
    display:none;
  }
  div.mnan:hover{
    display:none;
  }
  div.f{
    background-color:#07133b;
    height: 7in;
    margin-top: 7in;
   }
   div.g{
    /* margin-left: 100px; */
    /* margin-top: 0.8in; */
    font-size: 30px;
   }
   div.o,div.project,div.blogs,div.aboutu{
     /* margin-left: 170px; */
    }
    img.home,img.proj,img.blog,img.about{
     /* margin-left: 120px; */
    }
  button.lok{
  margin-left: 53px;
  }
    div.gh{
      /* margin-left: -307px; */
      display: flex;
      font-size: 31px;
      /* margin-top: -362px; */
      justify-content: center;
      }
    div.omh{
  margin-top:50px;
    }
    div.footr{
  flex-direction:column
    }
    
     img.sam{
     /* margin-left: -296px; */
     /* margin-top: 36px; */
     width: 47px;
     height: 47px;
  }
     img.am{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 47px;height: 47px;}
     img.az{/* margin-left: 0.5in; *//* margin-top: 10px; */width: 47px;height: 47px;}
  }
  
  
  
  
  
  
  
  
  
  .acv{
    background: url(bg1.jpg) no-repeat;
    background-size: cover;
    height: calc(100vh - 10px);
    display: none;
  }
  .ab{
   margin-top: 0px;
  }
  .hi{
      animation-duration: 20s;
      animation-name: sa;
      box-shadow:  5px 5px 10px #68dcff;
      animation-iteration-count: infinite;
      background-color:white;
      height: 83px;
      width: 100%;
      }
  
      .hig{
      
font-size: 24px;
      
float: right;
      
list-style: none;
      
padding: 20px 40px;
  }
  
  
  .hn{
  font-weight: bolder;
  font-size: 19px;
      background-color: blueviolet;
      color: white;
    border-radius: 10px;
    border: 5px;
    width: 90px;
  height: 40px;
    border-color: blueviolet;
    
  
  }
  @keyframes sa {
      0%{    box-shadow:  5px 3px 10px #ffa5a5; }
   
      10%{    box-shadow:  5px 3px 10px #ee97ff;}
      20%{
          box-shadow:  5px 3px 10px #6dfc5d;
      }
      30%{
          box-shadow:  5px 3px 10px #82b2ff;
      }
      40%{
          box-shadow:  5px 3px 10px #af18c7;
      }
      50%{
          box-shadow:  5px 3px 10px #eb5555c3;
      }
  }
  .qaz{
      font-family: cursive
   
  }
  
  
  .hif{
      float: left;
  
  width: 5in;
  height: 1in;
  }
  .amir{
     font-weight: bolder;
     margin-left: 4.5in;
     margin-top: 15px;
     /* display: none; */
     position: absolute;
     animation-name: amir;
     animation-duration: 5s;
     font-size: 50px;
     animation-iteration-count: infinite;
     font-weight: 800;
  }
  
  @keyframes amir {
  
      from{transform: rotate(1deg);}
      to{transform: rotate(387deg);}
  
  
  
  
  
  
  }
  .gb{
     animation-duration: 5s;
      animation-name: amirji;
      animation-iteration-count: infinite;
      font-family: cursive;
  
  
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .c::before{
      content: "";
  position: absolute;
     height: 5.5px;
   color: #fd0000;
     width: 0;
   top: 0.6in;
     background: #525655;
     border-radius: 65px;
     transition: width 0.3s ease;
  
  }
  
  .c:hover:before{
   width: 92px;
  
  
  }
  .c:hover{
      color: blueviolet;
     
  }
  a{
  color: black;
  }
  .a::before{
      content: "";
  position: absolute;
     height: 5.5px;
   color: #fd0000;
     width: 0;
    top: 0.6in;
     background: #525655;
     border-radius: 65px;
     transition: width 0.3s ease;
  }
  
  .a:hover:before{
   width: 47px;
  
  
  }
  .a:hover{
      color: blueviolet;
     
  }
  .h::before{
      content: "";
  position: absolute;
     height: 5.5px;
   color: #fd0000;
     width: 0;
  top: 0.6in;
     background: #525655;
     border-radius: 65px;
     transition: width 0.3s ease;
  }
  
  .h:hover:before{
   width: 67px;
  
  
  }
  .h:hover{
      color: blueviolet;
     
  }
  .p::before{
      content: "";
  position: absolute;
     height: 5.5px;
   color: #fd0000;
     width: 0;
  top: 0.6in;
     background: #525655;
     border-radius: 65px;
     transition: width 0.3s ease;
  }
  
  .p:hover:before{
   width: 75px;
  
  
  }
  .p:hover{
      color: blueviolet;
  }
  
  
  .gb{
    font-size: 30px;
    margin-top: 20px;
    margin-left: 210px;
  }
  .car{
                  margin-top: -55px;
                  margin-left: 1in;
                }
               
               .you{
               
           
                 
                  width: 75px;
                  padding: 0;
                  height: 73px;
                  border-radius: 50px;
                  }
                  
                  .his{
  
                      width: 75px;
                    height: 73px;
                   border-radius: 50px;
                  
                  animation-name: li;
                  animation-duration: 20s;
                  animation-iteration-count: infinite;
                  }
                  @keyframes li {
                      0%{    box-shadow:  -5px 5px 10px #ff8787; }
                   
                      10%{    box-shadow:  -5px 5px 10px #ed96ff;}
                      20%{
                          box-shadow:  -5px 5px 10px #ffe564;
                      }
                      30%{
                          box-shadow:  -5px 5px 10px #5193ff;
                      }
                      40%{
                          box-shadow:  -5px 5px 10px #4affe7;
                      }
                      50%{
                          box-shadow:  -5px 5px 10px #f5ff36c3;
                      }
                   } 
            
  
  
  
  .p{
    color: black;
  }
   
  .qav{
    display: none;
  }
  .bun a{
    position: fixed;
  top: 7.1in;
    right: 20px;
  
    color: #000000;
  background-color: white;
    padding: 8px 13px;;
    font-size: 18px;
    border: 1px solid black;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.15);
  }
  .bun a:hover{
    box-shadow: 2px 2px 10px rgb(102, 101, 101);
    transition: all 0.4s ease;
  background-color: transparent;
  border: none;
  
  
  }
  .wrapper{
  
    position: fixed;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
  background-color: transparent;
  display: block;
    /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
    /* clip-path: circle(25px at calc(0% + 45px) 45px); */
    transition: all 0.3s ease-in-out;
    clip-path: circle(25px at calc(100% - 45px) 45px);
  
  }
  #active:checked ~ .wrapper{
    clip-path: circle(75%);
    background: linear-gradient(-135deg,#2c3e50,#bdc3c7);
  
  
  }
  #active:checked ~ .container{
    display: none;
  }  
  
  #active:checked ~ .dof{
    display: none;
  }  
  #active:checked ~ .okd{
    display: none;
  }  
  #active:checked ~ .semi{
    display: none;
  }  
  
  
  #active:checked ~ .di{
    display: none;
  }  
  
  .menu-btn{
    position: fixed;
    z-index: 2;
    left: 20px;
    right: 15in;
    /* left: 20px; */
    /* top: 7in; */
    height: 50px;
    bottom: 30px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
    background: linear-gradient(-135deg,#2c3e50,#bdc3c7);
    /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
    transition: all 0.3s ease-in-out;
  }
  #active:checked ~ .menu-btn{
    background: #ffffff;
    color: #4158d0;
  }
  #active:checked ~ .menu-btn i:before{
    content: "\f00d";
  }
  .wrapper ul{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    list-style: none;
    text-align: center;
  }
  .wrapper ul li{
    margin: 15px 0;
  }
  .wrapper ul li a{
    color: none;
    text-decoration: none;
    font-size: 45px;
    font-weight: 500;
  padding: 5px 20px;
    color: #ffffff;
    position: relative;
    font-family: cursive;
    line-height: 70px;
    transition: all 0.3s ease;
  }
  .wrapper ul li a:after{
    position: absolute;
    content: "";
    background: #ffffff;
    width: 100%;
    height: 50px;
    left: 0;
    top: 15px;
    border-radius: 50px;
    transform: scaleY(0);
    z-index: -1;
    transition: transform 0.3s ease;
  }
  .wrapper ul li a:hover:after{
    transform: scaleY(1);
  }
  .wrapper ul li a:hover{
    color: #4158d0;
  }
  input[type="checkbox"]{
    display: none;
  }
  
  
  
  .to{font-family: cursive;font-size: 50px;font-weight: 800;width: 8in;margin-top: 1.5in;/* margin-left: 1.3in; */background: linear-gradient(135deg,#ff00d2,#fed90f,#00a2ff,#09f1b8,#ff00d2,#fed90f,#00a2ff,#09f1b8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 300% 300%;animation: df 1s,fd 9s 2s  ease-in-out infinite;}
  @keyframes fd {
    0%{
      background-position: 0% 50%;
  
    }
  
    50%{
      background-position: 100% 50%;
  
    }
  
     100%{
      background-position: 0% 50%;
  
    }
  }
  .semi{font-size: 1.2in;margin-left: 3in;margin-top: 0.5in;font-weight: 800;font-family: serif;-webkit-animation: mikid 3s infinite linear;color: rgb(0, 0, 0);}
  @-webkit-keyframes mikd {
  0%{
     transform: rotate(0deg);
  }
  25%{
     transform: rotateX(360deg);
     text-shadow: 5px 2px 20px yellow;
  }
  50%{
  
     text-shadow: 5px 2px 20px rgb(144, 47, 255);
  
  }
  100%{
  
     text-shadow: 5px 2px 20px rgb(144, 232, 12);
  }
  125%{
  
     text-shadow: 5px 2px 20px rgb(132, 0, 255);
  }
  
  
  120%{
  color: #2e88d7;
  }
  130%{
  color: #3b0fff;
  }
  140%{
  color: #0ffffb;
  }
  150%{
  color: #c423e8;
  }
  
  }
  
  
  
  
        
  .onlyp{
    animation: my 11s infinite;
  position: absolute;
  margin-left: 2in;
  border-radius: 20px;
  margin-top: 4in;
  border: 0;
  height: 2.9in;
  width: 1.7in;
  box-shadow: 8px 8px 80px gray;
  animation-delay: 4s;
  
  }
  
  .n{
  width: 130px;
  height: 130px;
  margin-top: 0.2in;
  margin-left: 0.1in;
  
  
  }
  .sd{
    font-size: 35px;
    font-family: sans-serif;
    font-weight: bolder;
    margin-left:1px ;
    margin-left: 0.2in;
  }
  .kab{
  background-color: #5193ff;
  color: black;
  border: 0;
  font-family: sans-serif;
  font-weight: bolder;
  font-size: 17px;
  width: 1.3in;
  height: 0.3in;
  margin-left: 21px;
  margin-top: 0.2in;
  border-radius: 20px;
  
  animation-name: omy;
  animation-duration: 21s;
  animation-iteration-count: infinite;
  animation-delay: 6s;}
  @keyframes omy{
  0%{
  margin-left: 17px;
  }
  10%{
  margin-left: 3in;
  }
  20%{
  margin-left: 3in;
  }
  30%{
  margin-left: 2in;
  }
  40%{
  margin-left: 2in;
  }
  
  }
  .kab:hover{
  animation-play-state: paused;
  background-color: transparent;
  }
  
  .onlyp:hover {
  
  animation-play-state: paused;
  
  
  
  }
  .onlyb:hover{
  animation-play-state: paused;
  }
  .onlyu:hover{
  animation-play-state: paused;
  }
  .onlyb{
  animation: my 11s infinite;
  position: absolute;
  margin-left: 6.5in;
  border-radius: 20px;
  border: 0;
  height: 2.9in;
  margin-top: 4.5in;
  width: 1.7in;
  box-shadow: 8px 8px 80px gray;
  
  animation-delay: 4s;
  }
  .onlyu{animation: my 11s infinite;/* position: absolute; *//* margin-left: 11in; */border-radius: 20px;border: 0;height: 2.9in;margin-top: 4.5in;width: 1.7in;box-shadow: 8px 8px 80px gray;animation-delay: 4s;}
  .np{
  width: 110px;
  height: 100px;
  margin-top: 0.3in;
  margin-left: 0.3in;
  
  
     }
     .dof{
        /* margin-left: 0.4in; */
        margin-top: -2in;
     }
     .ssd{
        font-size: 35px;
        font-family: sans-serif;
        font-weight: bolder;
        margin-left:1px ;
        margin-top: 0.2in;
        margin-left: 0.2in;
     }
  @keyframes my {
  50%{
  box-shadow: 5px 5px 30px blueviolet;
  }
  100%{
  border: 1px solid gray;
  box-shadow: 5px 5px 60px blueviolet;
  transform: rotateY(360deg)
  
  }
  }
  
  .b{
    margin-left: -102px;
    margin-top: 82px;
    /* display: flex; */
    animation-name: jas;
    width: 6in;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    justify-content: center;
  }
  .scrol{
    width: 394px;
    height: 200px;
   
    border-radius: 20px 20px 0px 0px;
  
  }
  .pa{
    width: 4in;
    font-size: 25px;
    margin-left: 10px;
  
    font-weight: bolder;
    font-family: Georgia, 'Times New Roman', Times, serif;
  margin-top: 30px;
  }
  .gna{
    width: 4in;
    font-size: 38px;
    text-align: center;
  
    font-weight: bolder;
    font-family: sans-serif;
  margin-top: 20px;
  }
  
  .start{
    background: rgb(164, 98, 226);
    font-size: 20px;
    font-family: sans-serif;
    font-weight: bolder;
    height: 40px;
    width: 2in;
    border: 0;
    border-radius: 40px;
  margin-left: 95px;
    margin-top: 60px;
  
  }
  
  .start:hover{
  box-shadow: 2px 2px 10px rgb(109, 21, 185);
  transition: box-shadow 0.3s ease;
  transition: color 0.6s ease-in-out;
  color: whitesmoke;
  }
  .face{
    background: rgb(164, 98, 226);
    font-size: 20px;
    font-family: sans-serif;
    font-weight: bolder;
    height: 40px;
    width: 2in;
    border: 0;
    border-radius: 40px;
  margin-left: 95px;
    margin-top: 55px;
  }
  
  .raj{
    background-color: white;
    width: 4.1in;
    height: 5.7in;
    border-radius: 20px;
    position: relative;
  margin-left: 6.1in;
  margin-top: -5.9in;
  
  }
  .raaj{
    background-color: white;
    width: 4.1in;
    height: 5.7in;
    border-radius: 20px;
    position: relative;
  margin-left: 2.1in;
  
  
  margin-top: -5.9in;
  }
  .jo{
    margin-left: 10in;
    width: 4.3in;
    margin-top: -5.8in;
       animation:  20s infinite;
       animation-name: kams;
       border-radius: 20px;
    animation-timing-function: ease;
         height: 5.8in;
  
     }
     .jo{
        position: relative;
     
            width: 418px;
            height: 580px;
          animation: anate 4s linear infinite;
        margin-left: 10in;
        margin-top: -5.8in;
          border-radius:25px ;
          overflow: hidden;
            background: repeating-conic-gradient(from var(--a), rgb(137, 51, 202) 0%, yellow  5%, transparent 5%, transparent 40%, rgb(255, 0, 162) 50%);
        }
        @property --a{
            syntax: '<angle>';
                inherits: false;
                initial-value: 0deg;
        }
        @keyframes anate {
            0%{
                --a:0deg;
            }
            100%{
                --a:360deg;
            }
        }
        .jo::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: repeating-conic-gradient(from var(--a), rgb(255, 0, 166) 0%, red 5%, transparent 5%, transparent 40%, rgb(255, 115, 0) 50%);
        animation: anate 4s linear infinite;   
        animation-delay: -1s;
        }
        .jo::after{
        content:'';
        position: absolute;
        inset: 5px;
        background-color: rgb(255, 255, 255);
        
        border-radius: 20px;
        }
     .rj{
        background-color: rgb(255, 255, 255);
    width: 4.1in;
    height: 5.7in;
    border-radius: 20px;
       margin-left: 10.1in;
       margin-top: -5.9in;
  position: relative;
        border-radius: 20px;
        
     }
     .gsar{
        position: relative;
    overflow: hidden;
            width: 418px;
            height: 580px;
          animation: anate 4s linear infinite;
        margin-left: 6in;
        margin-top: 0.7in;
          border-radius:25px ;
            background: repeating-conic-gradient(from var(--a), rgb(137, 51, 202) 0%, yellow  5%, transparent 5%, transparent 40%, rgb(255, 0, 162) 50%);
        }
        @property --a{
            syntax: '<angle>';
                inherits: false;
                initial-value: 0deg;
        }
        @keyframes anate {
            0%{
                --a:0deg;
            }
            100%{
                --a:360deg;
            }
        }
        .gsar::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: repeating-conic-gradient(from var(--a), rgb(255, 0, 166) 0%, red 5%, transparent 5%, transparent 40%, rgb(255, 115, 0) 50%);
        animation: anate 4s linear infinite;   
        animation-delay: -1s;
        }
        .gsar::after{
        content:'';
        position: absolute;
        inset: 5px;
        background-color: rgb(255, 255, 255);
        
        border-radius: 20px;
        }
  
     @keyframes mms {
     
            0%{    background-color: rgb(241, 241, 146);}
     
            10%{background-color: rgb(239, 204, 87); }
            20%{
                background-color: rgb(102, 100, 100);
            
            }
            30%{
                background-color: rgb(197, 133, 242);
            }
            40%{
                background-color: rgb(136, 136, 245);}
         } 
     .di{
        margin-top: 8in;
        /* margin-left: 0in; */
        display: flex;
        justify-content: center;
     }
    @keyframes kams {
        0%{    background-color: rgb(241, 241, 146);}
  
        10%{background-color: rgb(239, 204, 87); }
        20%{
            background-color: rgb(102, 100, 100);
        
        }
        30%{
            background-color: rgb(197, 133, 242);
        }
        40%{
            background-color: rgb(136, 136, 245);}
     }  
     .box{
        position: relative;
        overflow: hidden;
        width: 200px;
        height: 338px;
        animation: anate 4s linear infinite;
        margin-left: 0in;
        margin-top: 200px;
        border-radius:25px;
        background: repeating-conic-gradient(from var(--a), rgb(137, 51, 202) 0%, yellow  5%, transparent 5%, transparent 40%, rgb(255, 0, 162) 50%);
        }
        @property --a{
            syntax: '<angle>';
                inherits: false;
                initial-value: 0deg;
        }
        @keyframes anate {
            0%{
                --a:0deg;
            }
            100%{
                --a:360deg;
            }
        }
        .box::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: repeating-conic-gradient(from var(--a), rgb(255, 0, 166) 0%, red 5%, transparent 5%, transparent 40%, rgb(255, 115, 0) 50%);
        animation: anate 4s linear infinite;   
        animation-delay: -1s;
        }
        .box::after{
        content:'';
        position: absolute;
        inset: 5px;
        background-color: rgb(255, 255, 255);
        
        border-radius: 20px;
        }
        .soy{
            font-size: 45px;
            text-align: center;
            color: #478eff;
            font-family: sans-serif;
            font-weight: bolder;
            margin-top: 2in;
        }
        .mu{
           
  width: 6in;
           
  margin-top: 50px;
           
  /* margin-left: 100px; */
           
  height: 6in;
        }
        .mu:hover{
            box-shadow: 5px 10px 18px rgb(94, 96, 94);
            border: 1px gray;
            border-radius: 1in;
         
        }
        .lo{
        /* margin-left: 1.8in; */
        margin-top: 25px;
        font-size: 50px;
        font-weight: bolder;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        }
        
        .loh{
            margin-left: 1.2in;
        margin-top: 25px;
        font-size: 50px;
        font-weight: bolder;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        }
        .read{
            background-color: #adbae4;
            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-weight: bolder;
            border: 0;
            border-radius: 20px;
            font-size: 21px;
            /* margin-left: 1.9in; */
            margin-top: 60px;
            width: 2in;
            height: 0.4in;
        }
        .read:hover{
        color: rgba(255, 255, 255, 0.934);
        
        }
        .load{
          text-decoration: none;
        }
        .moan{
            width: 6in;
            /* margin-left: 586px; */
            margin-top: 14in;
            height: 6in;
        }
        .moan:hover{
            box-shadow: 5px 10px 18px rgb(94, 96, 94);
            border: 1px gray;
            border-radius: 1in;
        }
        .moa{
            width: 6in;
            margin-top: 50px;
            /* margin-left: 100px; */
            height: 6in;
        }
        .moa:hover{
            box-shadow: 5px 10px 18px rgb(94, 96, 94);
            border: 1px gray;
            border-radius: 1in;
        }
        .mnan{
            width: 6in;
        
        margin-left: 800px;
        margin-top: -6in;
        height: 6in;
        }
        .mnan:hover{
            box-shadow: 5px 10px 18px rgb(94, 96, 94);
            border: 1px gray;
            border-radius: 1in;
        }
        .lok{
           background-color: #5193ff;
           font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
           font-weight: bolder;
           border: 0;
           color: white;
           border-radius: 20px;
           font-size: 21px;
           margin-top: 60px;
           /* margin-left: 588px; */
           width: 3in;
           height: 0.4in;
        }
        
        .lok:hover{
            background-color: transparent;
            color: rgb(0, 0, 0);
            border: 2px solid rgb(141, 141, 141);
           
            
        }
        .url{
            /* padding-left: 80px; */
            padding-top: 30px;
            color: #444040;
          }
          .indor{
              font-size: 50px;
              font-weight: bolder;
              font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
              
          }
          .tab{
              background-color: #ffffff;
              height: 5in;
              margin-top: 10px;
          }
          .code{
              width: 500px;
              height: 300px;
              margin-top: 50px;
              /* margin-left: 38px; */
          }
      
          .f{
            background-color:#07133b;
            height: 360px;
            width: 100%;
            /* display: flex; */
            margin-top: 100px;
            justify-content: center;
            flex-direction: column;
        }
        .blo{
          margin-top: -8in;
        } .omh{
            border-radius: 200px;
            width: 125px;
            height: 125px;
            /* margin-left: 130px; */
            /* margin-top: 50px; */
            box-shadow: 6px 6px 91px white;
            animation-name: karan;
            animation-duration: 20s;
            animation-iteration-count: infinite;
        }
        @keyframes karan {
            
        
        0%{    box-shadow:  6px 6px 91px #ff1212; }
         
        10%{    box-shadow:  5px 5px 91px #e048ff;}
        20%{
            box-shadow:  6px 6px 91px #4aff36;
        }
        30%{
            box-shadow:  5px 5px 91px #478eff;
        }
        40%{
            box-shadow:  6px 6px 91px #47ffe6;
        }
        50%{
            box-shadow:  6px 6px 91px #b507ffc3;
        
        
        }60%{    box-shadow:  6px 6px 91px #9dff14; }
         
        70%{    box-shadow:  5px 5px 91px #18ffae;}
        80%{
            box-shadow:  6px 6px 91px #c6ff1c;
        }
        90%{
            box-shadow:  5px 5px 91px #478eff;
        }
        100%{
            box-shadow:  6px 6px 91px #0fff6b;
        }
        150%{
            box-shadow:  6px 6px 91px #0c7effc3;
        }
        }
  
        .g{
            color: rgb(255, 255, 255);
            font-size: 35px;
            font-weight: bolder;
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            margin-left: 400px;
            margin-top: -150px;
            width: 50px;
        }
li.hig{}
ul.hif{}
        .baba{
            height: 90px;
        
        margin-top: 145px;
          background-color: rgb(255, 255, 255);
        }
        .s{
            width: 30px;
            height: 30px;
        
        }
        .gh{
            font-size: 60px;
            color: rgb(255, 255, 255);
            font-weight: bolder;
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            /* margin-left: 460px; */
            /* margin-top: -260px; */
        }
        .sam{
            /* margin-left: 560px; */
            /* margin-top: 30px; */
            width: 60px;
            height: 60px;
            border-radius: 20px;
        }
        .sam:hover{
            box-shadow: 2px 2px 25px rgb(255, 0, 255);
            transition: box-shadow 0.4s ease;
        }
        .am:hover{
            box-shadow: 2px 2px 25px rgb(255, 0, 0);
            transition: box-shadow 0.4s ease;
        }
        .az:hover{
            box-shadow: 2px 2px 25px rgb(0, 191, 255);
            transition: box-shadow 0.4s ease;
        }
        
        
           
        
        
        
        .home{
        width: 35px;
        height: 35px;
        margin-top: 10px;
        margin-left: 400px;
        }
        
        .url{
          /* padding-left: 80px; */
          padding-top: 30px;
          color: #444040;
        }
        .indor{
            font-size: 50px;
            font-weight: bolder;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            
        }
        .tab{
            background-color: #ffffff;
            height: 5in;
            margin-top: 10px;
        }
        .code{
            width: 500px;
            height: 300px;
            margin-top: 50px;
            /* margin-left: 38px; */
        }
        .soy{
            font-size: 45px;
            text-align: center;
            color: #478eff;
            font-family: sans-serif;
            font-weight: bolder;
            margin-top: 2in;
        }
        .mu{
           
  width: 6in;
           
  margin-top: 50px;
           
  /* margin-left: 100px; */
           
  height: 6in;
        }
        .mu:hover{
            box-shadow: 5px 10px 18px rgb(94, 96, 94);
            border: 1px gray;
            border-radius: 1in;
         
        }
        .lo{
        /* margin-left: 1.8in; */
        margin-top: 25px;
        font-size: 50px;
        font-weight: bolder;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        }
        
        .loh{
            margin-left: 1.2in;
        margin-top: 25px;
        font-size: 50px;
        font-weight: bolder;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        }
        .read{
            background-color: #adbae4;
            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-weight: bolder;
            border: 0;
            border-radius: 20px;
            font-size: 21px;
            /* margin-left: 1.9in; */
            margin-top: 60px;
            width: 2in;
            height: 0.4in;
        }
        .read:hover{
        color: rgba(255, 255, 255, 0.934);
        
        }
        .load{
          text-decoration: none;
        }
        .moan{
            width: 6in;
            /* margin-left: 800px; */
            /* margin-top: -6in; */
            height: 6in;
        }
        .moan:hover{
            box-shadow: 5px 10px 18px rgb(94, 96, 94);
            border: 1px gray;
            border-radius: 1in;
        }
        .moa{
            width: 6in;
            margin-top: 50px;
            /* margin-left: 100px; */
            height: 6in;
        }
        .moa:hover{
            box-shadow: 5px 10px 18px rgb(94, 96, 94);
            border: 1px gray;
            border-radius: 1in;
        }
        .mnan{
            width: 6in;
        
        margin-left: 800px;
        margin-top: -6in;
        height: 6in;
        }
        .mnan:hover{
            box-shadow: 5px 10px 18px rgb(94, 96, 94);
            border: 1px gray;
            border-radius: 1in;
        }
        .lok{
           background-color: #5193ff;
           font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
           font-weight: bolder;
           border: 0;
           color: white;
           border-radius: 20px;
           font-size: 21px;
           margin-top: 60px;
           /* margin-left: 588px; */
           width: 3in;
           height: 0.4in;
        }
        
        .lok:hover{
            background-color: transparent;
            color: rgb(0, 0, 0);
            border: 2px solid rgb(141, 141, 141);
           
            
        }
        .indor{
            /* margin-left: 3in; */
            margin-top: 1in;
        }
        .jada{
            /* margin-left: 3in; */
            width: 10in;
            margin-top: 20px;
            font-size: 20px;
            font-family: sans-serif;
        }
        .gah{
            margin-top: 1in;
            font-weight: bolder;
            font-size: 0.4in;
            font-family: sans-serif;
            /* margin-left:3in; */
        }
        .inst{
            width: 35px;
            height: 35px;
            margin-top: 10px;
            /* margin-left: 1.7in; */
        }
        
        .kem{
            width: 55px;
            height: 55px;
            /* margin-left: 2.1in; */
            margin-top: -17px;
        }
        .amirf{
            width: 48px;
            height: 48px;
            /* margin-left: 2.6in; */
            margin-top: -35px;
        }
        .amirf:hover{
        filter: blur(0.7px);
        }
        .kem:hover{
            filter: blur(0.7px);
            }
            .inst:hover{
                filter: blur(0.7px);
                }
            
                .jio{
                    margin-left: 2in;
               width: 4.3in;
                  animation:  20s infinite;
                  animation-name: kadms;
                  border-radius: 20px;
               animation-timing-function: ease;
                    height: 5.8in;
                }
               @keyframes kadms {
                   0%{  background-color: rgb(133, 68, 218); }
            
                   10%{ background-color: rgb(241, 241, 146); }
                   20%{
                      background-color: rgb(136, 136, 245);
                   }
                   30%{
                       background-color: rgb(197, 133, 242);
                   }
                   40%{
                background-color: rgb(102, 100, 100);
                   }
                }    
                
         
                .scrol{
                    width: 394px;
                    height: 200px;
                   
                    border-radius: 20px 20px 0px 0px;
                }
                .pa{
                    width: 4in;
                    font-size: 25px;
                    margin-left: 10px;
                  
                    font-weight: bolder;
                    font-family: Georgia, 'Times New Roman', Times, serif;
        margin-top: 30px;
                }
                .gna{
                    width: 4in;
                    font-size: 38px;
                    text-align: center;
                  
                    font-weight: bolder;
                    font-family: sans-serif;
        margin-top: 20px;
                }
                .lo{
                    /* margin-left: 1.8in; */
                    margin-top: 25px;
                    font-size: 50px;
                    font-weight: bolder;
                    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                    }
                    
                    .loh{
                        margin-left: 1.2in;
                    margin-top: 25px;
                    font-size: 50px;
                    font-weight: bolder;
                    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                    }
                    .read{
                        background-color: #adbae4;
                        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                        font-weight: bolder;
                        border: 0;
                        border-radius: 20px;
                        font-size: 21px;
                        /* margin-left: 1.9in; */
                        margin-top: 60px;
                        width: 2in;
                        height: 0.4in;
                    }
                    .read:hover{
                    color: rgba(255, 255, 255, 0.934);
                    
                    }
                    .gh{
                        font-size: 60px;
                        color: rgb(255, 255, 255);
                        font-weight: bolder;
                        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                        /* margin-left: 460px; */
                        /* margin-top: -260px; */
                    }
                    .sam{
                        /* margin-left: 560px; */
                        /* margin-top: 30px; */
                        width: 60px;
                        height: 60px;
                        border-radius: 20px;
                    }
                    .sam:hover{
                        box-shadow: 2px 2px 25px rgb(255, 0, 255);
                        transition: box-shadow 0.4s ease;
                    }
                    .am:hover{
                        box-shadow: 2px 2px 25px rgb(255, 0, 0);
                        transition: box-shadow 0.4s ease;
                    }
                    .az:hover{
                        box-shadow: 2px 2px 25px rgb(0, 191, 255);
                        transition: box-shadow 0.4s ease;
                    }
                    .am{
                     
                       margin-left: 50px;
                        width: 60px;
                        height: 60px
                        ;
                        border-radius: 30px;
                    }
                    .az{
                    
                        margin-left: 50px;
                        width: 60px;
                        height: 60px
                        ;
                        border-radius: 400px;
                    }
                    .tu{
                        /* margin-left: 360px; */
                        /* display: flex; */
                        /* width: 2in; */
                        margin-top: 20px;
                    }
                    .haryana{
                        list-style: none;
                        color: white;
                        font-size: 20px;
                    
                       
                    
                    }
                    
                    .home{
                    width: 35px;
                    height: 35px;
                    margin-top: 10px;
                    margin-left: 400px;
                    }
                    .o{
                        margin-top: -35px;
                        color: white;
                        font-size: 25px;
                        margin-left: 450px;
                        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                    }
                    .proj{
                        width: 35px;
                    height: 35px;
                    margin-top: 20px;
                    margin-left: 400px;
                    }
                    .project{
                        margin-top: -35px;
                        color: white;
                        font-size: 25px;
                        margin-left: 450px;
                        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                    }
                    .blog{
                        width: 35px;
                        height: 35px;
                      margin-top: 8.2in;
                        margin-left: 400px;
                        
                    }
                    .blogs{
                        margin-top: -35px;
                        color: rgb(255, 255, 255);
                        font-size: 25px;
                        margin-left: 450px;
                        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                    }
                    .about{
                    
                        width: 35px;
                        height: 35px;
                    
                        margin-top: 0.2in;
                        margin-left: 400px;
                    }
                    .aboutu{
                     margin-top: -35px;
                        color: rgb(255, 255, 255);
                        font-size: 25px;
                        margin-left: 450px;
                        width: 2in;
                        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                    }
                    .url{
                      /* padding-left: 80px; */
                      display: flex;
                      /* padding-top: 30px; */
                      color: #444040;
                      justify-content: center;
                      font-size: 20px;
                    }
                    .indor{
                        font-size: 50px;
                        font-weight: bolder;
                        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                        
                    }
                    .tab{
                        background-color: #ffffff;
                        height: 5in;
                        /* display: flex; */
                        margin-top: 10px;
                        /* flex-direction: column; */
                        justify-content: center;
                    }
                    .code{
                        width: 500px;
                        height: 300px;
                        margin-top: 50px;
                        /* margin-left: 38px; */
                    }
                    .soy{
                        font-size: 45px;
                        text-align: center;
                        color: #478eff;
                        font-family: sans-serif;
                        font-weight: bolder;
                        margin-top: 2in;
                    }
                    .mu{
                       width: 6in;
                       /* margin-top: 50px; */
                       /* margin-left: 100px; */
                       height: 6in;
                       margin: 0.2in;
                    }
                    .mu:hover{
                        box-shadow: 5px 10px 18px rgb(94, 96, 94);
                        border: 1px gray;
                        border-radius: 1in;
                        transition: all 0.5s;
                    }
                    .lo{
                    /* margin-left: 1.8in; */
                    display: flex;
                    margin-top: 25px;
                    font-size: 50px;
                    font-weight: bolder;
                    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                    justify-content: center;
                    }
                    
                    .loh{
                        margin-left: 1.2in;
                        margin-top: 25px;
                        font-size: 50px;
                        font-weight: bolder;
                        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                    }
                    .read{
                        background-color: #adbae4;
                        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                        font-weight: bolder;
                        border: 0;
                        display: flex;
                        border-radius: 20px;
                        font-size: 21px;
                        /* margin-left: 1.9in; */
                        margin-top: 60px;
                        width: 2in;
                        height: 0.4in;
                        justify-content: center;
                        align-items: center;
                    }
                    .read:hover{
                    color: rgba(255, 255, 255, 0.934);
                    
                    }
                    .load{
                      text-decoration: none;
                    }
                    .moan{
                        width: 6in;
                        /* margin-left: 800px; */
                        /* margin: 12px; */
                        /* margin-left: 0in; */
                        /* margin-top: -6in; */
                        height: 6in;
                    }
                    .moan:hover{
                        box-shadow: 5px 10px 18px rgb(94, 96, 94);
                        border: 1px gray;
                        border-radius: 1in;   transition: all 0.5s;
                    }
                    .moa{
                        width: 6in;
                        margin: 0.2in;
                        margin-top: 50px;
                        /* margin-left: 100px; */
                        height: 6in;
                    }
                    .moa:hover{
                        box-shadow: 5px 10px 18px rgb(94, 96, 94);
                        border: 1px gray;
                        border-radius: 1in;   transition: all 0.5s;
                    }
                    .mnan{
                        width: 6in;
                    
                    margin-left: 800px;
                    margin-top: -6in;
                    height: 6in;
                    }
                    .mnan:hover{
                        box-shadow: 5px 10px 18px rgb(94, 96, 94);
                        border: 1px gray;
                        border-radius: 1in;
                        transition: all 0.5s;
                    }
                    .lok{
                       background-color: #5193ff;
                       font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                       font-weight: bolder;
                       border: 0;
                       color: white;
                       border-radius: 20px;
                       font-size: 21px;
                       margin-top: in;
                       /* margin-left: 585px; */
                       width: 3in;
                       height: 0.4in;
                    }
                    
                    .lok:hover{
                        background-color: transparent;
                        color: rgb(0, 0, 0);
                        border: 2px solid rgb(141, 141, 141);
                        transition: all 0.5s;
                        
                    }
                    .indor{
                        /* margin-left: 3in; */
                        margin-top: 1in;
                        display: flex;
                        justify-content: center;
                    }
                    .jada{
                        /* margin-left: 3in; */
                        width: 7.5in;
                        margin-top: 20px;
                        font-size: 20px;
                        font-family: sans-serif;
                    }
                    .gah{
                        margin-top: 1in;
                        font-weight: bolder;
                        font-size: 0.4in;
                        font-family: sans-serif;
                        /* margin-left:3in; */
                    }
                    .inst{
                        width: 35px;
                        /* display: flex; */
                        height: 35px;
                        /* margin-top: 10px; */
                        /* margin: 12px; */
                        /* margin-left: 0.7in; */
                        /* margin: 12px; */
                        justify-content: center;
                    }
                    
                    .kem{
                        width: 55px;
                        height: 55px;
                        /* margin-left: 2.1in; */
                        margin-top: 1px;
                        margin-left: -7px;
                    }
                    .amirf{
                        width: 48px;
                        height: 48px;
                        /* margin-left: 2.6in; */
                        margin-top: 4px;
                    }
                    .amirf:hover{
                    filter: blur(0.7px);
                    }
                    .kem:hover{
                        filter: blur(0.7px);
                        }
                        .inst:hover{
                            filter: blur(0.7px);
                            }
                        
                            .jio{
                                margin-left: 2in;
                           width: 4.3in;
                              animation:  20s infinite;
                              animation-name: kadms;
                              border-radius: 20px;
                           animation-timing-function: ease;
                                height: 5.8in;
                            }
                           @keyframes kadms {
                               0%{  background-color: rgb(133, 68, 218); }
                        
                               10%{ background-color: rgb(241, 241, 146); }
                               20%{
                                  background-color: rgb(136, 136, 245);
                               }
                               30%{
                                   background-color: rgb(197, 133, 242);
                               }
                               40%{
                            background-color: rgb(102, 100, 100);
                               }
                            }    
                            
                     
                            .scrol{
                                width: 394px;
                                height: 200px;
                               
                                border-radius: 20px 20px 0px 0px;
                            }
                            .pa{
                                width: 4in;
                                font-size: 25px;
                                margin-left: 10px;
                              
                                font-weight: bolder;
                                font-family: Georgia, 'Times New Roman', Times, serif;
                    margin-top: 30px;
                            }
                            .gna{
                                width: 4in;
                                font-size: 38px;
                                text-align: center;
                              
                                font-weight: bolder;
                                font-family: sans-serif;
                    margin-top: 20px;
                            }
                            
                            .start{
                                background: rgb(164, 98, 226);
                                font-size: 20px;
                                font-family: sans-serif;
                                font-weight: bolder;
                                height: 40px;
                                width: 2in;
                                border: 0;
                                border-radius: 40px;
                              margin-left: 95px;
                                margin-top: 60px;
                          
                            }
                         
                          .start:hover{
                             box-shadow: 2px 2px 10px rgb(109, 21, 185);
                             transition: box-shadow 0.3s ease;
                             transition: color 0.6s ease-in-out;
                             color: whitesmoke;
                            }
                            .face{
                                background: rgb(164, 98, 226);
                                font-size: 20px;
                                font-family: sans-serif;
                                font-weight: bolder;
                                height: 40px;
                                width: 2in;
                                border: 0;
                                border-radius: 40px;
                              margin-left: 95px;
                                margin-top: 55px;
                            }
                         
                            .raj{
                                background-color: white;
                                width: 4.1in;
                                height: 5.7in;
                                border-radius: 20px;
                                /* position: relative; */
                                margin-left: -4.2in;
                                margin-top: 9.9in;
                            }
                            .raaj{
                                background-color: white;
                                width: 4.1in;
                                height: 5.7in;
                                border-radius: 20px;
                                position: relative;
                                margin-left: 0.1in;
                                margin-top: -5.9in;
                            }
                            .jo{
                                margin-left: 10in;
                                width: 4.3in;
                                margin-top: -5.8in;
                                   animation:  20s infinite;
                                   animation-name: kams;
                                   border-radius: 20px;
                                animation-timing-function: ease;
                                     height: 5.8in;
                    
                                 }
                                 .jo{
                                    position: relative;
                                    width: 418px;
                                    height: 580px;
                                    animation: anate 4s linear infinite;
                                    margin-left: 0in;
                                    margin-top: 2.2in;
                                    border-radius:25px;
                                    overflow: hidden;
                                    background: repeating-conic-gradient(from var(--a), rgb(137, 51, 202) 0%, yellow  5%, transparent 5%, transparent 40%, rgb(255, 0, 162) 50%);
                                    }
                                    @property --a{
                                        syntax: '<angle>';
                                            inherits: false;
                                            initial-value: 0deg;
                                    }
                                    @keyframes anate {
                                        0%{
                                            --a:0deg;
                                        }
                                        100%{
                                            --a:360deg;
                                        }
                                    }
                                    .jo::before{
                                    content: '';
                                    position: absolute;
                                    width: 100%;
                                    height: 100%;
                                    background: repeating-conic-gradient(from var(--a), rgb(255, 0, 166) 0%, red 5%, transparent 5%, transparent 40%, rgb(255, 115, 0) 50%);
                                    animation: anate 4s linear infinite;   
                                    animation-delay: -1s;
                                    }
                                    .jo::after{
                                    content:'';
                                    position: absolute;
                                    inset: 5px;
                                    background-color: rgb(255, 255, 255);
                                    
                                    border-radius: 20px;
                                    }
                                 .rj{
                                    background-color: rgb(255, 255, 255);
                                    width: 4.1in;
                                    height: 5.7in;
                                    border-radius: 20px;
                                    margin-left: 0.1in;
                                    margin-top: -5.9in;
                                    position: relative;
                                    border-radius: 20px;
                                 }
                                 .gsar{
                                    position: relative;
                                    overflow: hidden;
                                    width: 418px;
                                    height: 580px;
                                    animation: anate 4s linear infinite;
                                    margin-left: -10.1in;
                                    margin-top: 9.7in;
                                    border-radius:25px;
                                    background: repeating-conic-gradient(from var(--a), rgb(137, 51, 202) 0%, yellow  5%, transparent 5%, transparent 40%, rgb(255, 0, 162) 50%);
                                    }
                                    @property --a{
                                        syntax: '<angle>';
                                            inherits: false;
                                            initial-value: 0deg;
                                    }
                                    @keyframes anate {
                                        0%{
                                            --a:0deg;
                                        }
                                        100%{
                                            --a:360deg;
                                        }
                                    }
                                    .gsar::before{
                                    content: '';
                                    position: absolute;
                                    width: 100%;
                                    height: 100%;
                                    background: repeating-conic-gradient(from var(--a), rgb(255, 0, 166) 0%, red 5%, transparent 5%, transparent 40%, rgb(255, 115, 0) 50%);
                                    animation: anate 4s linear infinite;   
                                    animation-delay: -1s;
                                    }
                                    .gsar::after{
                                    content:'';
                                    position: absolute;
                                    inset: 5px;
                                    background-color: rgb(255, 255, 255);
                                    
                                    border-radius: 20px;
                                    }
                              
                                 @keyframes mms {
                                 
                                        0%{    background-color: rgb(241, 241, 146);}
                                 
                                        10%{background-color: rgb(239, 204, 87); }
                                        20%{
                                            background-color: rgb(102, 100, 100);
                                        
                                        }
                                        30%{
                                            background-color: rgb(197, 133, 242);
                                        }
                                        40%{
                                            background-color: rgb(136, 136, 245);}
                                     } 
                                 
                                @keyframes kams {
                                    0%{    background-color: rgb(241, 241, 146);}
                             
                                    10%{background-color: rgb(239, 204, 87); }
                                    20%{
                                        background-color: rgb(102, 100, 100);
                                    
                                    }
                                    30%{
                                        background-color: rgb(197, 133, 242);
                                    }
                                    40%{
                                        background-color: rgb(136, 136, 245);}
                                 }    
                            
                                 .onlyp{
                                    animation: my 11s infinite;
                                position: absolute;
                               margin-left: 2in;
                               border-radius: 20px;
                               margin-top: 4in;
                    border: 0;
                    height: 2.9in;
                    width: 1.7in;
                    box-shadow: 8px 8px 80px gray;
                    animation-delay: 4s;
                    
                                 }
                              
                                 .n{
                    width: 130px;
                    height: 130px;
                    margin-top: 0.2in;
                    margin-left: 0.1in;
                    
                    
                                 }
                                 .sd{
                                    font-size: 35px;
                                    font-family: sans-serif;
                                    font-weight: bolder;
                                    margin-left:1px ;
                                    margin-left: 0.2in;
                                 }
                    .kab{
                        background-color: #5193ff;
                        color: black;
                        border: 0;
                        font-family: sans-serif;
                        font-weight: bolder;
                        font-size: 17px;
                        /* width: 5.3in; */
                        height: 0.3in;
                        /* margin-left: 21px; */
                        margin-top: 0.2in;
                        border-radius: 20px;
                        animation-name: omy;
                        animation-duration: 21s;
                        animation-iteration-count: infinite;
                        animation-delay: 6s;
                        }
                    @keyframes omy{
                    0%{
                        margin-left: 17px;
                    }
                    10%{
                        margin-left: 3in;
                    }
                    20%{
                        margin-left: 3in;
                    }
                    30%{
                        margin-left: 2in;
                    }
                    40%{
                        margin-left: 2in;
                    }
                        
                    }
                    .kab:hover{
                        animation-play-state: paused;
                        background-color: transparent;
                    border: 2px solid gray;
                        transform: border 5s ;
                    }
                    
                    .onlyp:hover {
                    
                    animation-play-state: paused;
                    
                    
                    
                    }
                    .dof{
                      /* display: grid; */
                      /* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
                      /* max-width: 1250px; */
                      /* margin: 150px auto; */
                      /* padding: 20px; */
                      /* gap: 20px; */
                    }
                    .onlyb:hover{
                        animation-play-state: paused;
                    }
                    .onlyu:hover{
                        animation-play-state: paused;
                    }
                    .onlyb{
                        animation: my 11s infinite;
                    position: absolute;
                    margin-left: 6.5in;
                    border-radius: 20px;
                    border: 0;
                    height: 2.9in;
                    margin-top: 4in;
                    width: 1.7in;
                    box-shadow: 8px 8px 80px gray;
                    
                    animation-delay: 4s;
                     }
                     .onlyu{
                        animation: my 11s infinite;
                        /* position: absolute; */
                        /* margin-left: 11in; */
                        margin: 123px;
                        border-radius: 20px;
                        border: 0;
                        height: 2.9in;
                        margin-top: 4in;
                        width: 1.7in;
                        box-shadow: 8px 8px 80px gray;
                        animation-delay: 4s;
                     }
                     .np{
                        width: 110px;
                        height: 100px;
                        margin-top: 0.3in;
                    margin-left: 0.3in;
                        
                        
                                     }
                                     .dof{
                                        /* margin-left: 0.4in; */
                                        margin-top: -2in;
                                        display: flex;
                                        justify-content: center;
                                     }
                                     .ssd{
                                        font-size: 35px;
                                        font-family: sans-serif;
                                        font-weight: bolder;
                                        margin-left:1px ;
                                        margin-top: 0.2in;
                                        margin-left: 0.2in;
                                     }
                     @keyframes my {
                        50%{
                            box-shadow: 5px 5px 30px blueviolet;
                        }
                        100%{
                            border: 1px solid gray;
                    box-shadow: 5px 5px 60px blueviolet;
                            transform: rotateY(360deg)
                    
                        }
                     }
                     .about{
  
                        width: 50px;
                        height: 35px;
                    
                        margin-top: 0.2in;
                        margin-left: 392px;
                    }
                    .ab{
                        margin-top: 0;
                    }
                    .hib{
                      font-size: 40px;
            margin: 20px;
                      font-family: 'Courier New', Courier, monospace;
                    }
                    .aboutu{
                     margin-top: -35px;
                        color: rgb(255, 255, 255);
                        font-size: 25px;
                        margin-left: 450px;
                        width: 2in;
                        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                    }
                    .container{
                      width: 350px;
                      background-color: transparent;
                      backdrop-filter: blur (50px);
                      border-radius: 40px;
                      /* margin-left: 5.5in; */
                      display: flex;
                      margin-top: 1.5in;
                      height: 4.5in;
                      position: relative;
                      text-align: center;
                      width: 100%;
                      animation-delay: 2s;
                      justify-content: center;
                      /* flex-wrap: wrap; */
                      flex-direction: column;
                      align-items: center;
                    }
             
                    .container input{
                      width: 100%;
                      display: flex;
                      padding: 10px;
                      margin-bottom:21px;
                      backdrop-filter: blur(2px);
                      background-color: transparent;
                      border: 2px solid gray;
                      border-radius: 50px;
                      /* margin-left: 70px; */
                      font-size: 20px;
                      outline: none;
                    }
               
                    .container input:focus{
                      box-shadow: 1px 2px 10px rgb(152, 152, 150);
                      transition: all 0.6s;
                  border:2px solid snow;
                    }
                  
                 
                    .btn{
                     border: 2px solid gray;
                     cursor: pointer;
                     background-color: transparent;
                     margin: 15px 0;
                     backdrop-filter: blur(2px);
                     border-radius: 50px;
                     /* margin-left: 63px; */
                     font-size: 20px;
                     width: 40%;
                     height: 0.4in;
                    }
                    .btn:hover{
  color: white;
  transition: all 0.5s ;
  background-color: #000000;
                    }
           
                 
           
  
                    canvas{
             height: 5in;
                      /* width: 17.5in; */
                      margin-top: -6in;
                      width: 15.8in;
                      /* margin-left: -2in; */
                    }
                   
  
  .waviy {position: relative;-webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0, 0, 0, 0.2));font-size: 50px;width: 10in;/* margin-left: -2.5in; */margin-bottom: 40px;}
  .waviy span {
  font-weight: 900;
  font-family: sans-serif;
  position: relative;
  display: inline-block;
  color: #000000;
  
  animation: waviy 3s infinite;
  animation-delay: calc(.1s * var(--i));
  
  }
  .soy{
  display: none;
  }
  #span4,#span2{
  margin-left: 20px;
  }
  @keyframes waviy {
  0%,40%,100% {
    transform: translateY(0);
    color:#363636;
  }
  20% {
    transform: translateY(-20px);
    color:#b3b3b3;
   
  }
  }
  .content {position: relative;display: flex;margin-top: 3in;justify-content: center;margin: 0;}
  .vb{/* margin-top: 3in; */display: flex;justify-content: center;align-items: center;}
  .content h2 {color: #fff;display: none;margin: 0;font-size: 0.8in;position: absolute;/* width: 10in; */font-family: "Poppins", sans-serif;transform: translate(-50%, -50%);margin-top: 2in;/* margin-left: 8in; */}
  
  .content h2:nth-child(1) {background: linear-gradient(100deg,#ff00d2,#fed90f,#00a2ff,#09f1b8,#ff00d2,#00a2ff,#09f1b8);-webkit-background-clip: text;display: none;-webkit-text-fill-color: transparent;-webkit-text-stroke: 2px #000000;}
  
  .content h2:nth-child(2) {
  
  animation: animate 4s ease-in-out infinite;
  }
  
  @keyframes animate {
  0%,
  100% {
    clip-path: polygon(
      0% 45%,
      16% 44%,
      33% 50%,
      54% 60%,
      70% 61%,
      84% 59%,
      100% 52%,
      100% 100%,
      0% 100%
    );
  }
  
  50% {
    clip-path: polygon(
      0% 60%,
      15% 65%,
      34% 66%,
      51% 62%,
      67% 50%,
      84% 45%,
      100% 46%,
      100% 100%,
      0% 100%
    );}}
    .cntent {
      margin-top: -9in;
      position: relative;
      display: flex;
      justify-content: center;
    }
  
    .cntent h2 {
      color: #fff;
      font-size: 0.8in;
      position: absolute;
      /* width: 100%; */
      height: 1in;
      font-family: "Poppins", sans-serif;
      transform: translate(-50%, -50%);
      margin-top: 10in;
      /* margin-left: 9.1in; */
    }
    
    .cntent h2:nth-child(1) {
      
                  
                     background: linear-gradient(100deg,#ff00d2,#00a2ff,#09f1b8,#ff00d2,#00a2ff);
                     -webkit-background-clip: text;
             
                   
                     -webkit-text-fill-color: transparent;
                 
                    
      -webkit-text-stroke: 2px #000000;
    }
    
    .cntent h2:nth-child(2) {
      
      animation: animate 4s ease-in-out infinite;
    }
    .firtsin{
      display: flex;
      justify-content: center;
      width: 100%;
      /* margin-top: -132px; */
      align-items: center;
      align-content: center;
    }
    .insi{
      /* margin: -11px; */
      margin-top: -63px;
      /* width: 43%; */
    }
    .firstr{
    display: flex;
    justify-content: center;
    /* margin: -0.6in; */
    }
  
    @keyframes animate {
      0%,
      100% {
        clip-path: polygon(
          0% 45%,
          16% 44%,
          33% 50%,
          54% 60%,
          70% 61%,
          84% 59%,
          100% 52%,
          100% 100%,
          0% 100%
        );
      }
    
      50% {
        clip-path: polygon(
          0% 60%,
          15% 65%,
          34% 66%,
          51% 62%,
          67% 50%,
          84% 45%,
          100% 46%,
          100% 100%,
          0% 100%
        );}}
       
        @media (min-width:1455px) and (max-width:1520px) {
          img.b{
            /* margin-left: 8in; */
           }
    
   
              div.to{
                /* margin-left: 1in; */
              }
              div.semi{
                margin-left: 3.8in;
                width: 3in;
              }
              div.okd{
                margin-left: 0in;
              }
              div.dof{
                margin-left: 0.4in;
              }
              div.cntent{
    margin-left: 0in;
              }
    div.waviy{
     margin-left: -2.4in;
    }
    div.container input{
      margin-left: 0in;
    }
    div.g{
      /* margin-left: 5.5in; */
    }
    div.auj,div.ab,div.blo,div.pro{
      /* margin-left: 1.3in; */
    }
    img.omh{
      /* margin-left: 2in; */
    }
    div.tu{
      /* margin-left: 3.8in; */
    }
    button.btn{
      margin-left: 1.8in;
    }
    div.wrapper,label.menu-btn{
      /* display: none; */
    }
    canvas{
      margin-left: 1.5in;
      width: 11.5in;
     
    }
    
    div.baba{
      /* margin-left: 6in; */
      /* width: 4in; */
    }
              button.lok{
          margin-left: 6.5in;
              }
            
              }
              @media (min-width:1350px) and (max-width:1455px) {
                img.b{
                  /* margin-left: 6.9in; */
                 }
          
                 div.to{
                  /* margin-left: 1in; */
                }
                div.semi{
                  margin-left: 3.8in;
                  width: 3in;
                }
                div.okd{
                  margin-left: 0in;
                }
                    
                    div.dof{
                      /* margin-left: -0.2in; */
                    }
                    div.cntent{
          margin-left: -1in;
                    }
          div.waviy{
           /* margin-left: -3.4in; */
          }
          div.container input{
            /* margin-left: -1in; */
          }
          div.g{
            /* margin-left: 4.5in; */
          }
          div.auj,div.ab,div.blo,div.pro{
            /* margin-left: 0.3in; */
          }
          img.omh{
            /* margin-left: 1in; */
          }
          div.tu{
            /* margin-left: 2.8in; */
          }
          button.btn{
            /* margin-left: 0.8in; */
          }
          div.wrapper,label.menu-btn{
            display: none;
          }
          canvas{
            margin-left: 0.5in;
            width: 11.5in;
           
          }
          div.bun a{
            display: none;
          }
          
          div.baba{
            /* margin-left: 5in; */
            /* width: 4in; */
          }
                    button.lok{
                /* margin-left: 5.5in; */
                }
                    div.di{
                      /* margin-left: -1in; */
                    }
                    div.content{
                      margin-left: -0.7in;
                    }
                    div.vb{
          /* margin-left: -0.5in; */
          }}
                    @media (min-width:1270px) and (max-width:1350px) {
                      img.b{
                        /* margin-left: 6.9in; */
                        width: 6in;
                       }
                
                       div.to{
                        /* margin-left: 1in; */
                        font-size: 45px;
                      }
                      div.semi{
                        margin-left: 3.8in;
                        width: 3in;
                        font-size: 90px;
                      }
                      div.okd{
                        margin-left: 0in;
                      }
                       div.pa{
                         width:3.6in;
                         font-family:cursive;
                       }   
                          div.dof{
                            /* margin-left: -0.7in; */
                          }
                          div.cntent{
                margin-left: -1.5in;
                          }
                      img.scrol{
                        width:360px;
                        height:200px;;
                      }
                      div.box,div.gsar,div.jo{
                        /* width:380px; */
                      }
                      div.jo{
                        margin-left:9.5in;
                      }
                    
                      div.rj{
                        /* margin-left:9.6in; */
                      }
                      div.box{
                        /* margin-left:2.8in; */
                      }
                      div.raaj{
                        /* margin-left:2.9in; */
                      }
                      div.raaj,div.rj,div.raj{
                        width:3in;
                      }
                div.waviy{
                 /* margin-left: -4.4in; */
                }
                div.container input{
                  margin-left: -1in;
                }
              
                div.auj,div.ab,div.blo,div.pro{
                  /* margin-left: -0.3in; */
                }
                div.g{
                  /* margin-left: 3.9in; */
                }
              
                img.omh{
                  /* margin-left: 1in; */
                }
                div.tu{
                  /* margin-left: 1.8in; */
                }
                button.btn{
                  margin-left: -0.8in;
                }
                div.wrapper,label.menu-btn{
                  /* display: none; */
                }
                canvas{
                  margin-left: -0.5in;
                  width: 11.5in;
                 
                }
                div.bun a{
                  display: none;
                }
                
                div.baba{
                  /* margin-left: 4in; */
                  /* width: 4in; */
                }
                          button.lok{
                      /* margin-left: 4.5in; */
                      }
                          div.di{
                            /* margin-left: -1.3in; */
                          }
                          div.content{
                            margin-left: -1.7in;
                          }
                          img.code{
                            width:450px;
                            height:260px;
                          }
                          div.moan,div.moa,div.mnan,div.mu{
                            width:5.5in
                          }
                        div.lo{
                          margin-left:1.5in;
                        }
                          div.mu,div.moa{
                            /* margin-left:2in; */
                          }
                         div.vb{
                           /* margin-left:-1in; */
                         } 
                          }
                          @media (min-width:1167px) and (max-width:1270px) {
                            img.b{
                              /* margin-left: 6.9in; */
                              width: 4.8in;
                             }
                             div.onlyu,div.onlyb,div.onlyp{
                              width: 1.5in;
                               
                            }
                            div.onlyp{
                              margin-left: 4in;
                            }
                            div.onlyu{
                              /* margin-left: 9in; */
                            }
                             div.to{
                              /* margin-left: 1in; */
                              font-size: 40px;
                              width: 6in;
                            }
                            html{
                              width: 100%;
                            }
                       
                            div.sd{
                              font-size:19px;
                              margin-left:0.3in;
                            }
                            div.semi{
                              margin-left: 3.8in;
                              width: 2in;
                              font-size: 80px;
                            }
                            button.kab{
                              font-size: 15px;
                              font-weight: normal;
                              width: 1.1in;
                            }
                            div.okd{
                              margin-left: 0in;
                            }
                             div.pa{
                               width:3in;
                               font-family:cursive;
                               font-size: 26px;
                               margin-left:1px;
                          
                             }   
                                div.dof{
                                  /* margin-left: -1.3in; */
                                }
                                div.cntent{
                      margin-left: -1.5in;
                                }
                            img.scrol{
                              width:295px;
                              height:180px;;
                            }
                            div.box,div.gsar,div.jo{
                              /* width:314px; */
                            }
                           
                            div.raaj,div.rj,div.raj{
                              width:300px;
                            
                            }
                            div.raj{margin-left: -304px;}
                            div.waviy{
                              /* margin-left: -4in; */
                              /* font-size:35px; */
                             }
                      
                    
                      div.auj,div.ab,div.blo,div.pro{
                        /* margin-left: -0.3in; */
                      }
                      div.g{
                        /* margin-left: 3.9in; */
                      }
                    div.gh{
                      /* font-size: 43px; */
                    }
                      img.omh{
                        /* margin-left: 1in; */
                      }
                      div.tu{
                        /* margin-left: 1.8in; */
                      }
                      button.btn{
                        margin-left: -0.8in;
                      }
                      div.wrapper,label.menu-btn{
                        display: none;
                      }
                      canvas{
                        margin-left: -0.5in;
                        width: 10.5in;
                       
                      }
                      div.bun a{
                        display: none;
                      }
                      
                      div.baba{
                        /* margin-left: 4in; */
                        /* width: 4in; */
                      }
                                button.lok{
                            /* margin-left: 4.5in; */
                            }
                                div.di{
                                  /* margin-left: -1.7in; */
                                }
                                div.content{
                                  margin-left: -1.7in;
                                }
                                img.code{
                                  width:370px;
                                  height: 221px;
                                  /* margin-left: 26px; */
                                }
                            button.read{
                              /* margin-left:1.3in; */
                            }
                                div.moan,div.moa,div.mnan,div.mu{
                                  width: 4.4in;
                                  
                                }
                              div.lo{
                                /* margin-left:1.1in; */
                              }
                                div.mu,div.moa{
                                  /* margin-left:2.4in; */
                                }
                               div.vb{
                                 /* margin-left: -0.5in; */
                               } 
                               div.onlyb{
                                margin-top: 8in;
                               }
                            div.firstr{/* margin-left: -0.5in; */}
                                }
                                @media (min-width:1140px) and (max-width:1167px) {
                                  img.b{
                                    margin-left: -2.6in;
                                    width: 4.8in;
                                   }
                                  h1 span{
                                    font-size:32px;
                                  }
                                   div.onlyu,div.onlyb,div.onlyp{
                                    width: 1.5in;
                                     
                                  }
                                  div.onlyp{
                                    margin-left: 4in;
                                  }
                                  div.onlyu{
                                    /* margin-left: 9in; */
                                  }
                                   div.to{
                                    margin-left: 1in;
                                    font-size: 35px;
                                  }
                                  html{
                                    width: 100%;
                                  }
                             
                                  div.sd{
                                    font-size:19px;
                                    margin-left:0.3in;
                                  }
                                  div.semi{
                                    margin-left: 3.8in;
                                    width: 2in;
                                    font-size: 80px;
                                  }
                                  button.kab{
                                    font-size: 15px;
                                    font-weight: normal;
                                    width: 1.1in;
                                  }
                                  div.okd{
                                    margin-left: 0in;
                                  }
                                   div.pa{
                                     width:3in;
                                     font-family:cursive;
                                     font-size: 26px;
                                     margin-left:1px;
                                
                                   }   
                                      div.dof{
                                        /* margin-left: -1.6in; */
                                      }
                                      div.cntent{
                            margin-left: -1.5in;
                                      }
                                  img.scrol{
                                    width:295px;
                                    height:180px;;
                                  }
                                  div.box,div.gsar,div.jo{
                                    /* width:314px; */
                                  }
                                  div.jo{
                                    margin-left:9.1in;
                                  }
                                
                                  div.rj{
                                    /* margin-left:9.2in; */
                                  }
                                  .imh{
                                   width:25vw;
                                  }
                                  div.raaj{
                                    /* margin-left:3.3in; */
                                  }
                                  div.raaj,div.rj,div.raj{
                                    width:300px;
                                  
                                  }
                                  div.raj{
                                    margin-left: -306px;
                                  }
                                  div.waviy{
                                    /* margin-left: -4in; */
                                    /* font-size:35px; */
                                   }
                            div.container input{
                              /* margin-left: -1.1in; */
                            }
                          
                            div.auj,div.ab,div.blo,div.pro{
                              /* margin-left: -0.3in; */
                            }
                            div.g{
                              /* margin-left: 3.9in; */
                            }
                          div.gh{
                            font-size: 55px;
                          }
                            img.omh{
                              /* margin-left: 1in; */
                            }
                            div.tu{
                              /* margin-left: 1.8in; */
                            }
                            button.btn{
                              /* margin-left: -0.8in; */
                            }
                            div.wrapper,label.menu-btn{
                              /* display: none; */
                            }
                            canvas{
                              margin-left: -0.5in;
                              width: 10.5in;
                             
                            }
                            div.bun a{
                              display: none;
                            }
                            
                            div.baba{
                              margin-left: 4in;
                              width: 4in;
                            }
                                      button.lok{
                                  /* margin-left: 4.5in; */
                                  }
                                      div.di{
                                        /* margin-left: -1.7in; */
                                      }
                                      div.content{
                                        margin-left: -1.7in;
                                        font-size: 0.6in;
                                      }
                                      img.code{
                                        width: 384px;
                                        height: 238px;
                                        /* margin-left: 26px; */
                                      }
                                  button.read{
                                    /* margin-left:1.3in; */
                                  }
                                      div.moan,div.moa,div.mnan,div.mu{
                                        width: 4.4in;
                                        
                                      }
                                    div.lo{
                                      /* margin-left:1.1in; */
                                    }
                                      div.mu,div.moa{
                                        /* margin-left:2.4in; */
                                      }
                                     div.vb{
                                       /* margin-left:-1.5in; */
                                     } 
                                     div.onlyb{
                                      margin-top: 8in;
                                     }
                                      }
                                  
                                      @media (min-width:1111px) and (max-width:1140px) {
                                        img.b{
                                          margin-left: -3.1in;
                                          width: 4.8in;
                                         }
                                        h1 span{
                                          font-size:32px;
                                        }
                                         div.onlyu,div.onlyb,div.onlyp{
                                          width: 1.5in;
                                           
                                        }
                                        div.onlyp{
                                          margin-left: 4in;
                                        }
                                        div.onlyu{
                                          /* margin-left: 9in; */
                                        }
                                         div.to{
                                          /* margin-left: 1in; */
                                          font-size: 37px;
                                          width: 8.5in;
                                        }
                                        html{
                                          width: 100%;
                                        }
                                   
                                        div.sd{
                                          font-size:19px;
                                          margin-left:0.3in;
                                        }
                                        div.semi{
                                          margin-left: 3.8in;
                                          width: 2in;
                                          font-size: 80px;
                                        }
                                        button.kab{
                                          font-size: 15px;
                                          font-weight: normal;
                                          width: 1.1in;
                                        }
                                        div.okd{
                                          margin-left: 0in;
                                        }
                                         div.pa{
                                           width:3in;
                                           font-family:cursive;
                                           font-size: 26px;
                                           margin-left:1px;
                                      
                                         }   
                                            div.dof{
                                              /* margin-left: -1.6in; */
                                            }
                                            div.cntent{
                                  margin-left: -1.5in;
                                            }
                                        img.scrol{
                                          width:295px;
                                          height:180px;;
                                        }
                                        div.box,div.gsar,div.jo{
                                          /* width:314px; */
                                        }
                                        div.jo{
                                          margin-left: 8in;
                                          margin-top: -2in;
                                        }
                                        div.gsar{
                                          /* margin-left: 3.7in; */
                                          /* margin-top: -2in; */
                                        }
                                      div.raj{
                                        /* margin-left: 3.8in; */
                                        /* margin-top: -5.9in; */
                                      }
                                        div.rj{
                                          /* margin-left: 8.1in; */
                                          margin-top: -5.9in;
                                        }
                                        .imh{
                                        width:25vw;
                                        }
                                        .projects{
                                          width:7in;
                                        }
                                        div.raj{
                                           margin-left: -305px;
                                        }
                                        div.raaj,div.rj,div.raj{
                                          width:300px;
                                        
                                        }
                                        div.waviy{
                                          /* margin-left: -4in; */
                                          /* font-size:35px; */
                                         }
                                  div.container input{
                                    /* margin-left: -1.1in; */
                                  }
                                
                                  div.auj,div.ab,div.blo,div.pro{
                                    /* margin-left: -0.3in; */
                                  }
                                  div.gh{
                                    font-size: 43px;
                                    /* margin-left: 425px; */
                                  }
                                  img.sam{
                                    /* margin-left: 490px; */
                                  }
                                div.gh{
                                  font-size: 55px;
                                }
                                  img.omh{
                                    /* margin-left: 1in; */
                                  }
                                  div.tu{
                                    /* margin-left: 1.8in; */
                                  }
                                  button.btn{
                                    /* margin-left: -0.8in; */
                                  }
                                  div.wrapper,label.menu-btn{
                                    display: none;
                                  }
                                  canvas{
                                    margin-left: -0.5in;
                                    width: 10.5in;
                                   
                                  }
                                  div.bun a{
                                    display: none;
                                  }
                                  
                                  div.baba{
                                    /* margin-left: 4in; */
                                    /* width: 4in; */
                                  }
                                            button.lok{
                                        /* margin-left: 4.5in; */
                                        }
                                            div.di{
                                              /* margin-left: -1.7in; */
                                            }
                                            div.content{
                                              margin-left: -1.7in;
                                              font-size: 0.6in;
                                            }
                                            img.code{
                                              width: 357px;
                                              height: 223px;
                                              /* margin-left: 25px; */
                                            }
                                        button.read{
                                          /* margin-left:1.3in; */
                                        }
                                        div.moan,div.moa,div.mnan,div.mu{
                                          width: 4in;
                                        }
                                        div.lo{
                                          /* margin-left: 1.1in; */
                                          font-size: 39px;
                                        }
                                            div.mu,div.moa{
                                              /* margin-left: 3.2in; */
                                            }
                                           div.vb{
                                             /* margin-left: -2in; */
                                           } 
                                           div.onlyb{
                                            margin-top: 8in;
                                           }
                                            }
                                       
                                            
                                            @media (min-width:1010px) and (max-width:1111px) {
                                              img.b{
                                                margin-left: -3in;
                                                width: 4.3in;
                                               }
                                              h1 span{
                                                /* font-size: 34px; */
                                              }
                                               div.onlyu,div.onlyb,div.onlyp{
                                                width: 1.5in;
                                              }
                                              div.onlyp{
                                                margin-left: 3in;
                                              }
                                              div.onlyu{
                                                /* margin-left: 8in; */
                                              }
                                               div.to{
                                                /* margin-left: 0.6in; */
                                                font-size: 35px;
                                              }
                                              html{
                                                width: 100%;
                                              }
                                         
                                        
                                              div.sd{
                                                font-size:15px;
                                                margin-left:0.2in;
                                              }
                                              div.semi{
                                                margin-left: 2.8in;
                                                width: 1in;
                                                font-size: 70px;
                                              }
                                              button.kab{
                                                font-size: 12px;
                                                font-weight: normal;
                                                width: 1in;
                                              }
                                              div.okd{
                                                margin-left: 0in;
                                              }
                                               div.pa{
                                                 width:2in;
                                                 font-family:cursive;
                                                 font-size: 26px;
                                                 margin-left:1px;
                                            
                                               }   
                                                  div.dof{
                                                    /* margin-left: -1.6in; */
                                                  }
                                                  div.cntent{
                                        margin-left: -1.5in;
                                                  }
                                              img.scrol{
                                                width: 262px;
                                                height: 160px;
                                              }
                                              div.box,div.gsar,div.jo{
                                                /* width: 280px; */
                                              }
                                              div.jo{
                                                margin-left: 8in;
                                                margin-top: -2in;
                                              }
                                              div.gsar{
                                                margin-left: -10.7in;
                                                /* margin-top: -2in; */
                                              }
                                            div.raj{
                                              margin-left: -270px;
                                              /* margin-top: -5.9in; */
                                            }
                                              div.rj{
                                                /* margin-left: 8.1in; */
                                                margin-top: -5.9in;
                                              }
                                              div.box{
                                                /* margin-left: 3.7in; */
                                              }
                                              div.raaj{
                                                /* margin-left: 3.8in; */
                                              }
                                              div.raaj,div.rj,div.raj{
                                                width: 241px;
                                              }
                                              div.waviy{
                                                /* margin-left: -4in; */
                                                font-size:35px;
                                                /* display: none; */
                                               }
                                        div.container input{
                                          /* margin-left: -4.1in; */
                                        }
                                      
                                        div.auj,div.ab,div.blo,div.pro{
                                          /* margin-left: -0.9in; */
                                        }
                                        div.gh{
                                          font-size: 33px;
                                          /* margin-left: 356px; */
                                        }
                                              div.g{
                                                /* margin-left:307px; */
                                              }
                                        img.sam{
                                          /* margin-left: 419px; */
                                        }
                                      div.gh{
                                        font-size: 49px;
                                        /* width: 5in; */
                                      }
                                        img.omh{
                                          /* margin-left: 1in; */
                                        }
                                        div.tu{
                                          /* margin-left: 1.8in; */
                                        }
                                        button.btn{
                                          /* margin-left: -0.8in; */
                                        }
                                        div.wrapper,label.menu-btn{
                                          display: none;
                                        }
                                        canvas{
                                          margin-left: -0.5in;
                                          width: 10.5in;
                                         
                                        }
                                        div.bun a{
                                          display: none;
                                        }
                                              div.im{
      margin-left: 0;
  }
                                              div.i{
      /* margin: 0; */
      margin-left: 0;
      width: 3in;
  }
                                              
                                              div.bn{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
                                              ul.hif{
                                                margin-left: -38px;
                                              }
  li.hig{
    padding: 20px 30px;
}
                                              div.bo{}
                                              div.enlighter-code{
      /* width: 7in; */
      /* width: 6in; */
  }
                                              div.craet{
      width: 5in;
  }
                                              div.stes{}
                                              div.cv1{
      width: 5in;
  }
                                              div.enlighter-v-standard{
      width: 5.2in;
  }
                                              div.cv-1{
      width: 5in;
  }
                                              img.bnb{
      width: 5in;
  }
                                        
                                        div.baba{
                                          /* margin-left: 4in; */
                                          /* width: 4in; */
                                        }
                                              img.imn{
      width: 2.5in;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      align-content: center;
  }
                                        div.content {
  display: none;
                                        }
                                                  button.lok{
                                              /* margin-left: 4.5in; */
                                              }
                                                  div.di{
                                                    /* margin-left: -1.7in; */
                                                  }
                                                  div.content{
                                                    margin-left: -1.7in;
                                                    font-size: 0.6in;
                                                  }
                                                  img.code{
                                                    width: 297px;
                                                    height: 177px;
                                                    /* margin-left: 25px; */
                                                  }
                                              button.read{
                                                /* margin-left:1.3in; */
                                              }
                                              div.moan,div.moa,div.mnan,div.mu{
                                                width: 3.7in;
                                                height: 4.5in;
                                              }
                                              div.lo{
                                                /* margin-left: 1.1in; */
                                                font-size: 39px;
                                              }
                                                  div.mu,div.moa{
                                                    /* margin-left: 4.2in; */
                                                  }
                                                 div.vb{
                                                   /* margin-left: -2.7in; */
                                                 } 
                                                 div.onlyb{
                                                  margin-top: 8in;
                                                 }
                                                  }
                                             
                                                  @media (min-width: 875px) and (max-width: 1010px) {
                                                    div.allthing{
                                                      /* display: flex; */
                                                      /* justify-content: center; */
                                                      /* align-items: center; */
                                                      /* background-color: #3b0fff; */
                                                      }
                                                    div.mnan{
                                                      margin-left: 618px;
                                                    }
                                                    div.moan{
                                                      margin-left: 588px;
                                                    }
                                                    
                                                    img.b{
                                                      margin-left: -2.4in;
                                                      width: 4in;
                                                     }
                                                    h1 span{
                                                      font-size: 34px;
                                                    }
                                                     div.onlyu,div.onlyb,div.onlyp{
                                                      width: 1.5in;
                                                    }
                                                    div.onlyp{
                                                      margin-left: 3in;
                                                    }
                                                    div.onlyu{
                                                      /* margin-left: 1in; */
                                                      /* margin: 74px; */
                                                    }
                                                     div.to{
                                                      margin-left: 0.6in;
                                                      font-size: 35px;
                                                    }
                                                    html{
                                                      width: 100%;
                                                    }
                                               
                                              
                                                    div.sd{
                                                      font-size:15px;
                                                      margin-left:0.2in;
                                                    }
                                                    div.semi{
                                                      margin-left: 2.8in;
                                                      width: 1in;
                                                      font-size: 70px;
                                                    }
                                                    button.kab{
                                                      font-size: 12px;
                                                      font-weight: normal;
                                                      width: 1in;
                                                    }
                                                    div.okd{
                                                      margin-left: 0in;
                                                    }
                                                     div.pa{
                                                       width:2in;
                                                       font-family:cursive;
                                                       font-size: 26px;
                                                       margin-left:1px;
                                                  
                                                     }   
                                                        div.dof{
                                                          /* margin-left: -1.6in; */
                                                          display: flex;
                                                          justify-content: space-evenly;
                                                        }
                                                        div.cntent{
                                              margin-left: -6.1in;
                                                        }
                                                    img.scrol{
                                                      width: 262px;
                                                      height: 160px;
                                                    }
                                                    div.box,div.gsar,div.jo{
                                                      /* width: 280px; */
                                                    }
                                                    div.jo{
                                                      margin-left: 5in;
                                                      margin-top: -2in;
                                                    }
                                                    div.gsar{
                                                      /* margin-left: 3.7in; */
                                                      /* margin-top: -2in; */
                                                    }
                                                  div.raj{
                                                    margin-left: -271px;
                                                    /* margin-top: -5.9in; */
                                                  }
                                                    div.rj{
                                                      /* margin-left: 5.1in; */
                                                      margin-top: -5.9in;
                                                    }
                                                    div.box{
                                                      /* margin-left: 3.7in; */
                                                    }
                                                    div.raaj{
                                                      /* margin-left: 3.8in; */
                                                    }
                                                    div.raaj,div.rj,div.raj{
                                                      width: 241px;
                                                    }
                                                    div.waviy{
                                                      /* margin-left: -4in; */
                                                      font-size:35px;
                                                      /* display: none; */
                                                     }
                                              div.container input{
                                                /* margin-left: -4.1in; */
                                                /* display: none; */
                                              }
                                            
                                              div.auj,div.ab,div.blo,div.pro{
                                                /* margin-left: -0.9in; */
                                              }
                                              div.gh{
                                                font-size: 33px;
                                                /* margin-left: 299px; */
                                              }
                                                    div.g{
                                                      /* margin-left: 297px; */
                                                    }
                                              img.sam{
                                                /* margin-left: 356px; */
                                              }
                                            div.gh{
                                              font-size: 38px;
                                              /* width: 5in; */
                                            }
                                              img.omh{
                                                /* margin-left: 1in; */
                                                width: 120px;
                                              }
                                              div.tu{
                                                margin-left: -0.2in;
                                              }
                                              button.btn{
                                                /* margin-left: -6.8in; */
                                              }
                                              div.wrapper,label.menu-btn{
                                                /* display: none; */
                                              }
                                              canvas{
                                                margin-left: -0.5in;
                                                width: 6.5in;
                                              }
                                                    
                                              div.bun a{
                                                display: none;
                                              }
                                                    
                                                                               div.i{
      /* margin: 0; */
      margin-left: 0;
      width: 3in;
  }
                                              
                                              div.bn{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
                                            div.im{
      margin-left: 0px;
  }        
                                                    img.imn{
                                              width: 2.5in;
  }
                                              div.bo{}
                                              div.enlighter-code{
      /* width: 7in; */
      /* width: 6in; */
  }
                                              div.craet{
      width: 5in;
  }
                                              div.stes{}
                                              div.cv1{
      width: 5in;
  }
                                              div.enlighter-v-standard{
      width: 5.2in;
  }
                                              div.cv-1{
      width: 5in;
  }
                                              img.bnb{
      width: 5in;
  }
                                                    
                                                    ul.hif{
                                                      margin-left: -0.5in;
                                                    }
    
                                                    div.baba{
                                                /* margin-left: 4in; */
                                                /* width: 0in; */
                                              }
                                              div.content {
  display: none;
                                              }
                                                    li.hig{
    padding: 20px 21px;
}
                                                        button.lok{
                                                    /* margin-left: 1.5in; */
                                                    }
                                                        div.di{
                                                          /* margin-left: -1.7in; */
                                                        }
                                                        div.content{
                                                          margin-left: -1.7in;
                                                          font-size: 0.6in;
                                                        }
                                                        img.code{
                                                          width: 281px;
                                                          height: 176px;
                                                          margin-left: 25px;
                                                        }
                                                    button.read{
                                                      margin-left:1.3in;
                                                      
                                                     
                                                    }
                                                    div.moan,div.moa,div.mnan,div.mu{
                                                      width: 3.2in;
                                                    }
                                                    div.lo{
                                                      margin-left: 1.1in;
                                                      font-size: 39px;
                                                    }
                                                        div.mu,div.moa{
                                                          /* margin-left: 4.2in; */
                                                        }
                                                       div.vb{
                                                         /* margin-left: -2.7in; */
                                                       } 
                                                       div.onlyb{
                                                        margin-top: 7in;
                                                        margin-left: 6in;
                                                       }
                                                        }
                                                        @media (min-width:921px) and (max-width:924px) {
                                                          div.mnan{
                                                            margin-left: 618px;
                                                          }
                                                          div.moan{
                                                            margin-left: 588px;
                                                          }
                                                             
                                                          img.b{
                                                            margin-left: 4.6in;
                                                            width: 4.3in;
                                                           }
                                                          h1 span{
                                                            font-size: 34px;
                                                          }
                                                           div.onlyu,div.onlyb,div.onlyp{
                                                            width: 1.5in;
                                                          }
                                                          div.onlyp{
                                                            margin-left: 3in;
                                                          }
                                                          div.onlyu{
                                                            margin-left: 8in;
                                                          }
                                                           div.to{
                                                            margin-left: 0.6in;
                                                            font-size: 35px;
                                                          }
                                                          html{
                                                            width: 100%;
                                                          }
                                                     
                                                    
                                                          div.sd{
                                                            font-size:15px;
                                                            margin-left:0.2in;
                                                          }
                                                          div.semi{
                                                            margin-left: 2.8in;
                                                            width: 1in;
                                                            font-size: 70px;
                                                          }
                                                          button.kab{
                                                            font-size: 12px;
                                                            font-weight: normal;
                                                            width: 1in;
                                                          }
                                                          div.okd{
                                                            margin-left: 0in;
                                                          }
                                                           div.pa{
                                                             width:2in;
                                                             font-family:cursive;
                                                             font-size: 26px;
                                                             margin-left:1px;
                                                        
                                                           }   
                                                              div.dof{
                                                                margin-left: -1.6in;
                                                              }
                                                              div.cntent{
                                                    margin-left: -6.1in;
                                                              }
                                                          img.scrol{
                                                            width: 262px;
                                                            height: 160px;
                                                          }
                                                          div.box,div.gsar,div.jo{
                                                            /* width: 280px; */
                                                          }
                                                          div.jo{
                                                            margin-left: 5in;
                                                            margin-top: -2in;
                                                          }
                                                          div.gsar{
                                                            margin-left: 3.7in;
                                                            margin-top: -2in;
                                                          }
                                                        div.raj{
                                                          margin-left: 3.8in;
                                                          margin-top: -5.9in;
                                                        }
                                                          div.rj{
                                                            margin-left: 5.1in;
                                                            margin-top: -5.9in;
                                                          }
                                                          div.box{
                                                            /* margin-left: 3.7in; */
                                                          }
                                                          div.raaj{
                                                            margin-left: 3.8in;
                                                          }
                                                          div.raaj,div.rj,div.raj{
                                                            width: 241px;
                                                          }
                                                          div.waviy{
                                                            margin-left: -4in;
                                                            font-size:35px;
                                                            display: none;
                                                           }
                                                    div.container input{
                                                      margin-left: -4.1in;
                                                      display: none;
                                                    }
                                                  
                                                    div.auj,div.ab,div.blo,div.pro{
                                                      margin-left: -0.9in;
                                                    }
                                                    div.gh{
                                                      font-size: 33px;
                                                      margin-left: 299px;
                                                    }
                                                          div.g{
                                                            margin-left: 297px;
                                                          }
                                                    img.sam{
                                                      margin-left: 356px;
                                                    }
                                                  div.gh{
                                                    font-size: 34px;
                                                    width: 5in;
                                                  }
                                                    img.omh{
                                                      margin-left: 1in;
                                                    }
                                                    div.tu{
                                                      /* margin-left: 0.8in; */
                                                    }
                                                    button.btn{
                                                      margin-left: -6.8in;
                                                    }
                                                    div.wrapper,label.menu-btn{
                                                      display: none;
                                                    }
                                                    canvas{
                                                      margin-left: -0.5in;
                                                      width: 6.5in;
                                                    }
                                                          
                                                    div.bun a{
                                                      display: none;
                                                    }
                                                    
                                                    div.baba{
                                                      margin-left: 4in;
                                                      width: 0in;
                                                    }
                                                    div.content {
  display: none;
                                                    }
                                                              button.lok{
                                                          margin-left: 1.5in;
                                                          }
                                                              div.di{
                                                                margin-left: -1.7in;
                                                              }
                                                              div.content{
                                                                margin-left: -1.7in;
                                                                font-size: 0.6in;
                                                              }
                                                              img.code{
                                                                width: 281px;
                                                                height: 176px;
                                                                margin-left: 25px;
                                                              }
                                                          button.read{
                                                            margin-left:1.3in;
                                                            
                                                           
                                                          }
                                                          div.moan,div.moa,div.mnan,div.mu{
                                                            width: 3.2in;
                                                          }
                                                          div.lo{
                                                            margin-left: 1.1in;
                                                            font-size: 39px;
                                                          }
                                                              div.mu,div.moa{
                                                                margin-left: 4.2in;
                                                              }
                                                             div.vb{
                                                               margin-left: -2.7in;
                                                             } 
                                                             div.onlyb{
                                                              margin-top: 7in;
                                                              margin-left: 6in;
                                                             }
                                                              }
                                                            
                                                            
                                                               
                                                             
                                                               .semi{
                                                                font-size: 1.2in;
                                                               margin-left: 3in;
                                                               margin-top: 0.5in;
                                                               font-weight: 800;
                                                               font-family: serif;
                                                         animation: df 1s ,mikid 10s 2s infinite  alternate;
                                                               color: rgb(0, 0, 0);
                                                               
                                                               }
                                                               @keyframes  
                                                                
                                                                mikid {
                                                                0%{
                                                                    transform: rotate(0deg);
                                                                }
                                                                25%{
                                                                    transform: rotateX(360deg);
                                                                    text-shadow: 5px 2px 20px yellow;
                                                                }
                                                                50%{
                                                                 
                                                                    text-shadow: 5px 2px 20px rgb(144, 47, 255);
                                                               
                                                                }
                                                                100%{
                                                               
                                                                    text-shadow: 5px 2px 20px rgb(144, 232, 12);
                                                                }
                                                                125%{
                                                               
                                                                    text-shadow: 5px 2px 20px rgb(132, 0, 255);
                                                                }
                                                               
                                                               
                                                               120%{
                                                               color: #2e88d7;
                                                               }
                                                               130%{
                                                               color: #3b0fff;
                                                               }
                                                               140%{
                                                               color: #0ffffb;
                                                               }
                                                               150%{
                                                               color: #c423e8;
                                                               }
                                                               
                                                               }                                                 
                                                                                                               
                                                            
                                                               
                                                             
                                                               .semi{
                                                                font-size: 1.2in;
                                                               margin-left: 3in;
                                                               margin-top: 0.5in;
                                                               font-weight: 800;
                                                               font-family: serif;
                                                         animation: df 1s ,mikid 10s 2s infinite  alternate;
                                                               color: rgb(0, 0, 0);
                                                               
                                                               }
                                                               @keyframes  
                                                                
                                                                mikid {
                                                                0%{
                                                                    transform: rotate(0deg);
                                                                }
                                                                25%{
                                                                    transform: rotateX(360deg);
                                                                    text-shadow: 5px 2px 20px yellow;
                                                                }
                                                                50%{
                                                                 
                                                                    text-shadow: 5px 2px 20px rgb(144, 47, 255);
                                                               
                                                                }
                                                                100%{
                                                               
                                                                    text-shadow: 5px 2px 20px rgb(144, 232, 12);
                                                                }
                                                                125%{
                                                               
                                                                    text-shadow: 5px 2px 20px rgb(132, 0, 255);
                                                                }
                                                               
                                                               
                                                               120%{
                                                               color: #2e88d7;
                                                               }
                                                               130%{
                                                               color: #3b0fff;
                                                               }
                                                               140%{
                                                               color: #0ffffb;
                                                               }
                                                               150%{
                                                               color: #c423e8;
                                                               }
                                                               
                                                               }                                                 
                                                                
  
  .itemji {
      /* display: flex; */
      /* justify-content: center; */
  }
  
  .vbbn {
      margin-left: 11px;}   @media (min-width: 790px) and (max-width: 875px){
  div.stes{
      /* width: 3in; */
  }
    li.amir{
    margin-left: 393px;
}
    li.gb{
    margin-left: 187px;
}
    ul.hif{
    width: 4in;
    margin-left: -0.6in;
}
    
    li.hig{
    padding: 20px 17px;
}
    div.itmji{
      margin-right: 0px;
      width: 2.5in;
  }
    div.craet{
      width: 5in;
  }
    div.loginoage{
      width: 5in;
  }
    div.enlighter-v-standard{
      width: 4.8in;
  }
  img.bnb{
      width: 5in;
  }
        div.bn{
      display: flex;
      flex-direction: column;
      align-items: center;
  }
        div.cv-1{
      width: 5in;
      font-size: 18px;
  }
        div.cv1{
      width: 5in;
      font-size: 27px;
  }
    div.im{
      margin-left: 0;
      font-size: 14px;
  }
    div.nm{
      width: 1.3in;
  }
    div.ec{
      width: 2in;
  }
    div.fixedd{width: 206px;display: flex;align-items: center;}
    div.mostpopul{
      display: flex;
      width: 3in;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
    div.mostpo{
      display: flex;
      /* width: 3in; */
      width: 3in;
      align-items: center;
  }
    div.vcx{
      display: flex;
      /* width: 2in; */
      flex-direction: column;
  }
    div.xx{
      margin-left: -3.6in;
  }
    div.xxx{
      margin-left: -1in;
  }
    div.likn{
      width: 3in;
      margin-left: 0.7in;
  }
    img.sam,img.am,img.az{
      width: 53px;
      height: 53px;
    }
    div.gh{
      font-size: 44px;
      /* width: 6in; */
      margin-left: 71px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      align-content: center;
  }
    img.omh{
      margin-left: 67px;
  }
    div.bo{}
        img.imn{
      width: 2in;
  }
      }
  
  p#ext {
      display: none;
  }

.hhtm,.css {
    margin-top: 10px;
}