.btn-3c,.btn-1,.btn-2,.btn-3,.btn-4,.btn-5,.btn-6,.tn{
	text-decoration: none;
	padding: 15px 40px;
	background-color: rgb(255,122,0);
	color: #fff;
	border-radius: 40px;
	font-family: 'Century Gothic';
	font-weight: bolder;
	box-shadow: 0 10px 40px rgba(255,122,0,0.4);
}



.video-container-3,.video-container-1,.video-container-2,.video-container-4,.video-container-6,.video-container-5,.video-container-3,.video-container{
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 99999;
	
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
}

.video-container-3 .close-3{
	position: absolute;
  top: 56px;
    right: 36px;
	font-size: 20px;
	cursor: pointer;
}

.video-container-3  video{
	width: 90%;
	max-width: 800px;
  border: 10px solid whitesmoke;
	transform: scale(0);

	outline: none;
	transition: all 0.3s;
}

.video-container-3.show{
	pointer-events: all; opacity: 1;
}




.video-container-6 .close-6{
	position: absolute;
  top: 56px;
    right: 36px;
	font-size: 20px;
	cursor: pointer;
}

.video-container-6  video{
	width: 90%;
	max-width: 800px;
  border: 10px solid whitesmoke;
	transform: scale(0);

	outline: none;
	transition: all 0.3s;
}

.video-container-6.show{
	pointer-events: all; opacity: 1;
}



.video-container-5 .close-5{
	position: absolute;
  top: 56px;
    right: 36px;
	font-size: 20px;
	cursor: pointer;
}

.video-container-5  video{
	width: 90%;
	max-width: 800px;
  border: 10px solid whitesmoke;
	transform: scale(0);

	outline: none;
	transition: all 0.3s;
}

.video-container-5.show{
	pointer-events: all; opacity: 1;
}





.video-container-4 .close-4{
	position: absolute;
  top: 56px;
    right: 36px;
	font-size: 20px;
	cursor: pointer;
}

.video-container-4  video{
	width: 90%;
	max-width: 800px;
  border: 10px solid whitesmoke;
	transform: scale(0);

	outline: none;
	transition: all 0.3s;
}

.video-container-4.show{
	pointer-events: all; opacity: 1;
}








.video-container-2 .close-1{
	position: absolute;
  top: 56px;
    right: 36px;
	font-size: 20px;
	cursor: pointer;
}

.video-container-2  video{
	width: 90%;
	max-width: 800px;
  border: 10px solid whitesmoke;
	transform: scale(0);

	outline: none;
	transition: all 0.3s;
}

.video-container-2.show{
	pointer-events: all; opacity: 1;
}.video-container-4.show video{ transform: scale(1); }
.video-container-5.show video{ transform: scale(1); }
.video-container-6.show video{ transform: scale(1); }
.video-container-3.show video{ transform: scale(1); }
.video-container-2.show video{ transform: scale(1); }
.video-container-1.show video{ transform: scale(1); }
      .btn-1{
	text-decoration: none;
	padding: 15px 40px;
	background-color: rgb(255,122,0);
	color: #fff;
	border-radius: 40px;
	font-family: 'Century Gothic';
	font-weight: bolder;
	box-shadow: 0 10px 40px rgba(255,122,0,0.4);
}



.video-container-1{
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 99999;
	
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
}

.video-container-1 .close-1{
	position: absolute;
	top: 10px; right: 25px;
	font-size: 20px;
	cursor: pointer;
}

.video-container-1 video{
	width: 90%;
	max-width: 800px;
  border: 10px solid whitesmoke;
	transform: scale(0);

	outline: none;
	transition: all 0.3s;
}

.video-container-1.show{
	pointer-events: all; opacity: 1;
}

.video-container-1.show video{ transform: scale(1); }
      .modal {
    display: flex;
    justify-content: center;
    margin-top: 27px;
}

.deo-container .ose, .ideo-container .lose, .video-container .close,.video-container-1 .close-1,.video-container-2 .close-2, .video-container-3c .close-3{
    position: absolute;
    top: 56px;
    right: 36px;
}


.video-container-4,.video-container-5,.video-container-6{
    background: #303f9f3b;
    /* border: 10px; */
    backdrop-filter: blur(3px);
}


.video-container,.ideo-container,.deo-container,.video-container-1,.video-container-2,.video-container-3{
    background: #303f9f3b;
    /* border: 10px; */
    backdrop-filter: blur(3px);
}


.an{
        text-decoration: none;
        padding: 15px 40px;
        background-color: rgb(255,122,0);
        color: #fff;
        border-radius: 40px;
        font-family: 'Century Gothic';
        font-weight: bolder;
        box-shadow: 0 10px 40px rgba(255,122,0,0.4);
      }
      .deo-container{
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        z-index: 99999;
 
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
      }
      
      .deo-container .ose{
        position: absolute;
        top: 56px;
    right: 36px; 
        font-size: 20px;
        cursor: pointer;
      }
      
      .deo-container video{
        width: 90%;
        max-width: 800px;
        transform: scale(0);
   
        transition: all 0.3s;
        border: 10px solid whitesmoke;
      }
      
      .deo-container.show{
        pointer-events: all; opacity: 1;
      }
      
      .deo-container.show video{ transform: scale(1); }
    

      .btbn{
        text-decoration: none;
        padding: 15px 40px;
        background-color: rgb(255,122,0);
        color: #fff;
        border-radius: 40px;
        font-family: 'Century Gothic';
        font-weight: bolder;
        box-shadow: 0 10px 40px rgba(255,122,0,0.4);
      }
      .tn{
        text-decoration: none;
        padding: 15px 40px;
        background-color: rgb(255,122,0);
        color: #fff;
        border-radius: 40px;
        font-family: 'Century Gothic';
        font-weight: bolder;
        box-shadow: 0 10px 40px rgba(255,122,0,0.4);
      }
      .ideo-container{
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        z-index: 99999;
     
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
      }
      
      .ideo-container .lose{
        position: absolute;
        top: 56px;
    right: 36px;
        font-size: 20px;
        cursor: pointer;
      }
      
      .ideo-container video{
        width: 90%;
        max-width: 800px;
        transform: scale(0);
     
        outline: none;
        transition: all 0.3s;
        border: 10px solid whitesmoke;
      }
      
      .ideo-container.show{
        pointer-events: all; opacity: 1;
      }
      
      .ideo-container.show video{ transform: scale(1); }
      .video-container{
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        z-index: 99999;
       
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
      }
      
      .video-container .close{
        position: absolute;
        top: 56px;
    right: 36px;
        font-size: 20px;
        cursor: pointer;
      }
      
      .video-container video{
        width: 90%;
        max-width: 600px;
        transform: scale(0);
      border: 10px solid white;
        outline: none;
        transition: all 0.3s;
      }
      
      .video-container.show{
        pointer-events: all; opacity: 1;
      }
      
      .video-container.show video{ transform: scale(1); }

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

.enlighter-default {
  overflow: auto;
  max-height: 450px;
}

            .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;
}

.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;
}

.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: 271px;
      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;
    align-items: center ;
    flex-direction: column;
    align-content: 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;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;
}
.loginoage{
  margin-top: 1in;
}
.craet{
  font-family: 'Agbalumo';
  font-size: 34px;
  width: 5in;
}
.cv{
  margin-top: 37px;
}
.cv-1{
  margin-top: 30px;
  font-size: 20px;
  width: 6in;
  font-family: 'Agbalumo';
}
.stes{
  margin-top: 20px;
}
.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;
}
@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{
  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.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;
    font-size: 27px;
  }
  li.car{
   display: flex;
   margin-left: -99px;
   width: 100%;
   margin-top: 4px;
   /* margin-left: 1in; */
   justify-content: flex-end;
  }
   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;
  }
 img.omh{
	 margin-top:30px;
 }
  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; */
      display: flex;
      /* height: 0px; */
      width: 100%;
      flex-direction: row-reverse;
    }
    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: 81vw;
  height: auto;
}
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.firstpart{
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}
  div.vj{
    /* margin: 0; */
    margin-left: 0;
    /* margin-top: -5.9in; */
    width: 81vw;
}
  div.bo{
    width: 86%;
    /* height: 163vw; */
    /* height: 4.9in; */
}
  div.write{
    width: 81vw;
    /* font-size: 9vw; */
}
  div.writep{
    width: 82vw;
    /* font-size: 7vw; */
}
  a.tn,a.btn-3c,a.btn-3,a.btn-1,a.btn-2,a.btn-4,a.btn-5,a.btn-6,a.an,a.btbn{
    width: 59vw;
    padding: 0;
    margin-top:0px;
    height: 15vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
  div.videosp{
    /* display: flex; */
    margin: 0;
    /* padding: 5rem; */
    /* margin: 11px; */
    display: flex;
    /* margin-top: 53px; */
    width: 100%;
    margin-top: 62px;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
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;}
}


.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%;
  justify-content: center;
  align-content: center;
  align-items: 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: 920px) and (min-width: 430px){
  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;

 }

label.menu-btn{
  /* top: 6in; */
  /* bottom: 30px; */
}

 li.amir{
  font-size: 50px;
  margin-top: 0.11in;
  display: none;
  *: 3.1in;
  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;
  }
 
  html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    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{
      /* width: 0px; */
      /* height: 0px; */
      width: 100%;
      display: flex;
      flex-direction: row-reverse;
      /* justify-content: center; */
    }
   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.write{
    width: 3in;
    font-size: 24px;
}
   div.writep{
    font-size: 18px;
    width: 3.1in;
}
   div.vj{
    width: 3in;
    margin-left: 8px;
    margin-top: -4in;
}
   div.bo{
    width: 312px;
    height: 392px;
}
   
   div.firstpart{
    display: flex;
    flex-direction: column;
    align-items: center;
}
   div.videosp{
    width: 3in;
    /* margin: 0; */
}
   div.video{display: flex;flex-direction: column;width: 100%;}
div.raaj{background:transparent;margin-left:0.5in;/* width: 50%; */margin-top:-5.2in;}
img.scrol{
  /* width:300px; */
  width: 295px;
  height: 163px;
}
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.f{
  background-color:#07133b;
  height: 8in;
  margin-top: 243px;
 }
 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 (max-width: 430px) and (min-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: 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{
  display: none;
  font-size: 50px;
  margin-top: 0.11in;
  margin-left: 3.1in;
  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;
  }

	img.omh{
		margin-top:40px;
	}
  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; */
      width: 100%;
      /* height: 0px; */
      display: flex;
      width: 100%;
      flex-direction: row-reverse;
    }
    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: 78vw;
  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.write{
    width: 77vw;
}
  div.firstpart{}
  div.vj{
    /* width: 3.6in; */
    margin-left: 4px;
    /* width: 79vw; */
}
  div.bo{
    width: 82vw;
}
  div.writep{
    width: 79vw;
    font-size: 21px;
}
  div.firstpart{
    display: flex;
    flex-direction: column;
    align-items: center;
}
  div.videosp{
    margin: 0;
    /* width: 3.4in; */
    margin-top: 90px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
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;
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: 2.2in;
}
.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;
      }
      .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; */
                    /* padding-top: 30px; */
                    font-size: 30px;
                    /* background: chartreuse; */
                    color: #444040;
                    display: flex;
                    justify-content: center;
                  }
                  .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.videosp{
          margin: 30px;
        }
  div.vi{
    /* margin: 20px; */
  }
  div.baba{
    /* margin-left: 6in; */
    /* width: 4in; */
  }
		  div.firstpart{
    margin-top: 45px;
}
            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.videosp{
          margin: 18px;
        }
        div.baba{
          /* margin-left: 5in; */
          /* width: 4in; */
        }
				div.firstpart{
    margin-top: 56px;
}
                  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: 296px;
                      height: 165px;
                    }
                    div.write{
                      font-size: 25px;
                      width: 289px;
                    }
                    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.scrol{

                    }
                    div.modal{
                      width: 3.1in;
                    }
                    div.vj{
                      margin-top: -4.2in;
                    }
                    div.writep{width: 3.2in;font-size: 19px;}
              div.bo{width: 316px;height: 411px;}
                    div.videosp{
                      margin: 41px;
                      width: 3.2in;
                    }
              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: 170px;
                          }
                          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.firstpart{
    /* margin: -4px; */
    margin-top: 20px;
}
                          div.videosp{
                            margin: 25px;
                            width: 3.3in;
                            /* background: deepskyblue; */
                          }
                          div.write{
                            
                          }
                          div.vj{
                            
                          }
                          div.bo{
    width: 314px;
    /* height: 411px; */
}
                          div.writep{
    font-size: 21px;
    width: 3.1in;
}
                    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: 168px;
                                }
                                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;
                           
                          }
								  a.tn,a.btn-1,a.btn-3c{width: 1.3in;font-size: 12px;padding: 0;height: 40px;display: flex;/* margin-top: -13px; */justify-content: center;align-items: center;margin-top: -40px;}
                                div.modal{
    width: 3.2in;
    margin-left: -5px;
}
                               a.btbn, a.an,  a.btn-2, a.btn-3, a.btn-4, a.btn-5, a.btn-6{width: 1.3in;font-size: 12px;padding: 0;height: 40px;display: flex;margin-top: -13px;justify-content: center;align-items: center;}
                          div.bun a{
                            display: none;
                          }
                                div.vj{
    margin-top: -4in;
}
                                div.bo{
    width: 315px;
    height: 395px;
}
                                div.write{
    font-size: 23px;
    width: 3in;
}
                             div.writep{
    font-size: 19px;
    width: 3in;
}  
                                div.firstpart{
                                  
                                }
                          div.videosp{margin-left: 10px;width: 3.1in;}
                          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: 170px;
                                      }
                                      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.firstpart{
                                  margin-top: 25px;
                                }
                                      div.writep{
                                        
                                      }
                                      div.bo{
    width: 313px;
}
                                      div.vj{}
                                      div.write{}
                                      div.writep{
    font-size: 24px;
    width: 3in;
}
                                      div.videosp{
    margin: 15px;
    width: 3.2in;
}
                                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: 255px;
                                              height: 141px;
                                            }
                                            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;
                                       
                                      }
                                       								  a.tn,a.btn-1,a.btn-3c{width: 1.3in;font-size: 12px;margin-left: -56px;padding: 0;height: 40px;display: flex;/* margin-top: -13px; */justify-content: center;align-items: center;margin-top: -7px;}
                                div.modal{
    width: 3.2in;
    margin-left: -5px;
}
                               a.btbn, a.an,  a.btn-2, a.btn-3, a.btn-4, a.btn-5, a.btn-6{width: 1.3in;font-size: 12px;padding: 0;margin-left: -55px;height: 40px;display: flex;margin-top: -3px;justify-content: center;align-items: center;}
											  
											  div.write{
    font-size: 20px;
    width: 2.6in;
}
                                            div.writep{
    font-size: 17px;
    width: 2.6in;
}
                                            div.videosp{
    margin: 28px;
    width: 2.6in;
}
                                            div.bo{
    width: 274px;
    height: 393px;
}
                                            div.vj{
    margin-top: -4in;
}
                                            div.firstpart{
    margin-top: 83px;
}
											  li.hig{
    padding: 20px 30px;
}
											  ul.hif{
    margin-left: -46px;
}
                                      div.bun a{
                                        display: none;
                                      }
                                      
                                      div.baba{
                                        /* margin-left: 4in; */
                                        /* width: 4in; */
                                      }
                                      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:924px) 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;
                                                      }
                                                  div.vj{
    /* margin: -14px; */
    margin-top: -3.2in;
}

								  a.tn,a.btn-1,a.btn-3c{width: 1.3in;font-size: 12px;margin-left: -90px;padding: 0;height: 40px;display: flex;/* margin-top: -13px; */justify-content: center;align-items: center;margin-top: 0px;}
                                div.modal{
    width: 3.2in;
    margin-left: -5px;
}
                               a.btbn, a.an,  a.btn-2, a.btn-3, a.btn-4, a.btn-5, a.btn-6{width: 1.3in;font-size: 12px;padding: 0;margin-left: -62px;height: 40px;display: flex;margin-top: -1px;justify-content: center;align-items: center;}			
                                                  div.bo{
    width: 249px;
    height: 316px;
}
                                                  div.write{
    font-size: 18px;
    width: 2.2in;
}
                                                  div.writep{
    font-size: 13px;
    width: 2.3in;
}
                                                  div.firstpart{
    margin-top: 0in;
}
                                                  div.videosp{
    margin: 24px;
    width: 2.6in;
}
                                                  img.scrol{
                                                    width: 230px;
                                                    height: 116px;
                                                  }
													html,body{
														width: 100%;
														overflow-x: hidden;
													}
													ul.hif{
														margin-left: -48px;
													}
													li.hig{
    padding: 20px 20px;
}
                                                  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: 43px;
                                            /* width: 5in; */
                                          }
                                            img.omh{
                                              /* margin-left: 1in; */
                                              width: 120px;
                                            }
                                            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;
                                                     }
                                                      }
                                                      @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;
}

.video {
    /* width: 95%; */
}

.videosp {
}

.videosp {}