/* html base tags */
* {
    /* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/anime/ani-9/ani879.ani), url(https://cur.cursors-4u.net/anime/ani-9/ani879.png), auto !important;} /* End https://www.cursors-4u.com */ 
}
html {
    font-family: monospace;
    background-image: url(/media/images/webmasterpage/bkgrgd.jpeg); 
    background-position: 00;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    overflow-x: hidden;
    width: auto;
    height: auto;
}
p {
    line-height: 1.2;
    padding-left: max(1.5vw, 1.2em);
    padding-right: max(1.5vw, 1.2em);
    font-size: max(1.25vw, 1em);
}
em {
    color: #c9a9d1;
    font-style: normal;
}
a {
    text-decoration: none;
    color: black;
}
body {
    margin: auto;
    height: auto;
}
h1 {
    color: white;
    margin: auto;
}
@keyframes float {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0, 10px);
	}
	100% {
		transform: translate(0, 0);
	}
}
h2 {
    font-size: 15px;
}
#sidefloater {
    z-index: 10;
    background-color: rgba(0, 172, 255, 0);
    height: auto;
    width: 250px;
    margin: auto;
    position: fixed;
}
em {
    font-style: normal;
    color: #c9a9d1;
}
/* main wrapper is essentially the maiin body of a page. */
#mainwrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: auto;
    margin: auto;
    background-color: rgba(255, 0, 0, 0);
    max-width: 75.52083333333333vw;
    min-width: 40%;
}
details {
    background-color: #000000;
    width: 50%;
    margin: auto;
    margin-top: 20px;
    border-radius: 10px;
}
details[open] span::before {
    rotate: 90deg;
    transition: rotate 200ms ease-out;
}
summary {
    margin: 3px 0px 5px 0px;
}
/* main html tags end */
/* utility sstuff elements. */
#deadspace1
{
    height: 20px;
}
#line {
    background: rgba(255, 255, 255, 0.5);
    border: solid rgba(255, 255, 255, 0.5);
    margin: auto;
    width: 80%
}
#hard2see {
    min-height: 50px;
    width: auto;
    background-color: rgba(0, 0, 0, 0.78);
    border-radius: 5px;
    transition: 0.15s ease-in-out;
}
#hard2see:hover {
    background-color: rgba(0, 0, 0, 0.92);
    transition: 0.15s ease-in-out;
}
#hard2seeNumber2 {
    min-height: 50px;
    width: auto;
    background-color: rgba(0, 0, 0, 0.78);
    border-radius: 5px;
    transition: 0.15s ease-in-out;
    padding: 0.5rem; 
    align-content: center; 
    border: 2px solid rgba(255, 255, 255, 0.24);
}
/* end utility elements */
/*  wrappers and boxes */
#mainframe {
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 46.875vw;
    height: auto;
    overflow-x: hidden;
    background-color: rgba(0, 0, 0, 0.39);
}
#mainbody {
    margin: auto;
    border: 5px solid rgba(255, 0, 255, 0.32);
    background: rgba(0, 0, 0, 0.68);
    height: auto;
    width: 98%;
    overflow-x: hidden;
}
.maincontent1 {
    display: flex;
    flex-direction: column;
    margin: auto;
    margin-top: 40px;
    border: 5px rgb(222, 0, 255) solid;
    width: 500px;
}
#sidewrapper {
    width: 250px;
}
#left {
    height: 100%;
    width: 20%;
    background-color: rgba(128, 0, 128, 0);
}
#right {
    height: 100%;
    width: 80%;
    background-color: rgba(255, 255, 0, 0);
}
#header {
    height: 120px;
    width: 100%;
    border-bottom: 5px solid black;
}
#headerimg {
    height: 100%;
    width: 100%;
}
#subframe {
    width: 100%;
    height: auto;
    display: flex;
}
/* boxes */
.box1 {
    height: auto;
    width: 90%;
    background-color: rgba(0, 127, 255, 0);
    border: 5px solid rgb(206, 0, 255);
    margin: auto;
    margin-top: 10px;
}
.box2 {
    
    min-height: 250px;
    height: auto;
    width: 96%;
    background-color: rgba(245, 0, 255, 0);
    margin: auto;
    margin-top: 10px;
}
.box0_MOBILE {
    display: none;
    flex-direction: column;
    flex: 0 0 auto;
    height: auto;
    width: 90%;
    margin: auto;
    margin-top: 10px;
    background-color:  rgba(0, 0, 0, 0);
}
#boxbackground {
    display: flex;
    flex-direction: column;
    justify-content: start;
    backdrop-filter: blur(10px);
    border: solid #121212;
    padding: 10px;
}
#boxformischstuff1 {
    display: flex;
    flex-direction: row;
    justify-content: start;
    backdrop-filter: blur(10px);
    border: solid #121212;
    padding: 10px;
}
/* end mmain content body elements  */
/* title card elements */
.titlecard {
    background-color: rgba(0, 58, 255, 0);
    border: #550083 5px solid;
    margin: auto;
    min-height: 50px;
    width: auto;
    place-content: center;
    overflow: hidden;
}
#indextitlecard {
    border: 0px;
    font-size: min(1.8vw, 1em);
}
#maintitlecard {
    text-align: center;
    text-indent: 20px;
    background: url(/media/gif/backgrounds/vmbackground3.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    
}
#titlecardtextbg
{
    background-color: rgba(0, 0, 0, 0.75);
    height: 50px;
    max-height: 50px;
    max-width: 340px;
    place-content: center;
    float: left;
    border-right: solid rgba(0, 0, 0, 0.36) 3px;
    padding-right: 20px;

}
#titlecardleft {
    color: white;
    background-color: rgba(0, 0, 0, 0.54);
    min-height: 0px;
    max-height: 35px;
}
#lefttitlep {
    margin: auto;
    font-size: 15px;
}
/*end title card elements */
/* h1, p,  etc */
#p1 {
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1.35rem;
    color: rgb(255, 255, 255);
    padding: 4px;
}
#p1:hover {
    color: wheat;
}
#p2 {
    text-align: left;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 15px;
    color: rgb(255, 255, 255);
    padding: 5px;
    box-shadow: 0px 0px 100px 40px rgba(0, 0, 0, 0.56);
    background-color: rgba(0, 0, 0, 0.47);
    border-radius: 10px;
}
#p2:hover {
    color: wheat;
}
.p3 {
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 20px;
    color: rgb(255, 255, 255);
    padding: 4px;
}
.p4 {
    font-size: 13px;
    color: white;
    text-align: justify;
}
#h1stroke {
    color: black;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: white;
}
#h2mode1 {
    color: white;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ffffff;
    font-family: 'Lucida Console';
    font-style: italic;
}
/* end p and h1 etc */
/* enter button elements on Index page */
#enterinsideenter {
    font-size: 40px;
    margin: auto;
    text-align: center;
    align-content: center;
    letter-spacing: 15px;
    text-decoration: none;
}
#enterbutton {
    margin: auto;
    width: 70%;
    height: 75px;
    background-image: url(/media/gif/backgrounds/hole.gif);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid black;
    transition: box-shadow 0.075s ease-in-out;
    margin-top: 20px;
    margin-bottom: 20px;
    place-content: center;
    overflow: hidden;
}
#enterbutton:hover {
    background-image: url(/media/gif/backgrounds/hole.gif);
    box-shadow: 0px 0px 35px 16px rgb(206, 0, 255);
}
#enterfoto {
    margin: auto;
    margin-top: 20px;
    border: solid black 5px;
    background-image: url(/media/images/me/missypxnkcat.jpg);
    height: 160px;
    width: 150px;
    background-size: 100% 100%;
    transition: box-shadow 0.075s ease-in-out;
    transition: border-color 0.19s ease-in-out;
}
#enterfoto:hover {
    box-shadow: 0px 0px 65px 6px rgb(197, 79, 167);
    border-color: rgb(197, 79, 167);
}
/* end enter button stuff  */
/* misc fun website elements */
#footer {
    color: white;
    background-color: black;
    width: 100%;
    margin: auto;
    margin-top: 20px;
    transition: 0.25s ease-in-out;
}
#sticker {
    pointer-events: none;
    position: absolute;
    z-index: 200;
}
#sticker img  {
    pointer-events: none;
    position: absolute;
    z-index: 200;
}
.pascii {
    color: black;
    font-size: 2.5px;
    z-index: 60;
    opacity: 1;
}
#marquee1 {
    margin-top: 10px;
    border: 5px solid rgb(255, 0, 183);
    border-width: 3px;
    height: 100%;
    width: 95%;
    padding: 5px;
    background-color: rgba(255, 0, 183, 0);
    place-content: center;
    font-family: monospace;
    font-size: 15px;
    color: white;
}
#memeside {
    max-width: 150px;
    margin: auto;
    margin-top: 10px;
    /* border: solid 2px #ffffff; */
    max-height: 150px;
}
#blinkie {
    margin-top: 3px;
}
#picrew {
    height: 272px;
    width: 100%;
    transition: box-shadow 0.075s ease-in-out;
}
#picrew:hover {
    box-shadow: 0px 0px 40px 5px rgb(0, 255, 186);
}
.buttonframe {
    background-color: transparent;
    height: 46px;
    width: 90%;
    align-content: center;
    margin-top: 10px;
}
/* code from code StackOverflow Temani Afif */
.rainbow {
    text-align: center;
    text-decoration: underline;
    font-size: 16px;
    font-family: monospace;
    text-align: left;
}
.rainbow_text_animated {
    background: linear-gradient(to right, #00f5ff, #ff3399);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 2s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}
/* end fun misc stufff *
/* the portal stufff (probably wont use anymore) */
#theportal {
    height: 660px;
    overflow: hidden;
}
#theportalaboutme {
    height: 410px;
    overflow: hidden;
    overflow-y: scroll;
}
.portalbox {
    height: 500px;
    width: 100%;
    margin: auto;
    border: none;
}
/* end portal stuff  */
/* outbound links elements */
.outlinks {
    width: 50%;
    height: 50%;
    background: rgba(255, 255, 255, 0);
    border: 3px solid rgba(255, 255, 255, 0.38);
    align-content: center;
}  
.outlinks:hover {
    background: rgba(0, 255, 255, 0.6);
    border-color: rgba(0, 0, 0, 0.7);
}
#outboundframe {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}
#youtube {
    width: 90%;
    height: 250px;
    border: 5px solid black;
}
#soundcloud {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 90%;
    height: 150px;
    border: 5px solid rgb(0, 226, 255);
}
/* end of outbound elements  */
/* navigation elements */
#dlinks {
    transition: all .1s ease-in;
    text-align: left;
    color: rgb(255, 255, 255);
    margin: 0;
}
#dlinks:hover {
    color: #00ffd8;
    transition: all .1s ease-in;
}
#weblist {
    text-align: left;
    font-size: 18px;
    list-style-type: none;
    margin-top: 5px;
    transition: all .1s ease-in;
}
#weblist:hover {
    color: #00ebff;
    letter-spacing: 0.2rem;
    transition: all .1s ease-in;
}
/* end navigation elements */
/* update modual elements  */
#updatebox {
    width: 90%;
    max-height: 300px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    overflow-y: scroll; 
}
#updatelist {
    text-align: left;
    font-size: 13px;
    list-style-type: none;
    margin-top: 0px;
    font-style: italic;
    transition: all .1s ease-in;
    margin-right: 10px;
}
#updatelog {
    color: white;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    margin: 0;
}
/* update modual ends  */
/*  blog page elements . */
/*  box only for cd back button on blog page */
#boxonlyforcd {
    height: 200px;
    width: 200px;
    place-content: center;
    border: 5px solid rgb(109, 255, 142);
    border-radius: 5000px;
    box-shadow: 0px 0px 65px 20px rgb(197, 79, 167);
    margin: auto;
}
#gohomebuttoncd {
    height: 100px;
    width: 100px;
    float: left;
    transition: 0.25s ease-in-out;
}
#gohomebuttoncd:hover {
    height: 200px;
    width: 200px;
}
/* side box on  blog page elements */
#blogsidebox {
    background-color: rgba(0, 0, 0, 0.79);
    transition: 200ms ease-out;
}
#blogsidebox:hover  {
    background-color: rgba(0, 0, 0, 0.91);
    transition: 200ms ease-out;
}
/*  bllog links that take u to other pages */
#blogcontainer {
    background-color: rgba(132, 0, 149, 0);
    margin: auto;
    width: 60%;
    max-width: 70%;
    transition: 200ms ease-out;
    border-radius: 10px;
}
#blogcontainer:hover {
    box-shadow: 0px 0px 15px 5px rgb(0, 124, 19);
    background-color: rgba(154, 0, 199, 0.74);
    width: 70%;
    transition: 200ms ease-out;
}
/* misc blog stufff */
#blogitalics {
    font-size: 15px;
    text-align: left;
    color: aliceblue;
}
/* end blog page elements */
/* index text box */
#textbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.54);
    margin: auto;
    margin-top: 20px;
    padding: 10px;
    height: auto;
    width: auto;
}
/* index text box end */
/* status stuff  */
.statusframe {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}
#substatusframe1 {
    width: 100%;
}
#statusbox {
    width: auto;
    max-width: 150px;
    height: auto;
    background-color: rgba(0, 216, 255, 0.9);
    border: 2px solid rgba(0, 255, 255, .4);
    margin: auto;
    align-content: center;
    margin-top: 3px;
}
/* statusss stuff ends */
/* intro p ffort about me */
.intro_p {
    font-size: 15px;
    margin: 15px 5px 15px 5px;
    color: white;
    text-align: left;
}
#big {
    font-size: 20px;
    text-indent: 0px;
}
#big2 {
    font-size: 20px;
    background: black;
    color: #00ff00;
}
/* end intro p */
/* index banner */
.banner {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.57);
    backdrop-filter: blur(10px);
    height: auto;
    min-height: 30px;
    margin: 5px 0px 5px 0px;
}
#enterindexbanner {
    background-color: rgba(98, 0, 255, 0.6);
    backdrop-filter: blur(2px);
}
#buttonbannerindex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 20px;
    margin: auto;
    margin-top: 30px;
    width: 30%;
}
/* end banner index */
/* archive button */
#archivebutton1 {
    transition: letter-spacing 0.20s;
    transition: font-size 0.20s;
    width: 120px;
    max-width: 400px;
    height: auto;
}
#archivebutton1:hover {
    letter-spacing: 5px;
    font-size: 22px;
}
#datemade {
    color: white;
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ffffff;
    font-family: 'Lucida Console';
    font-style: italic;
    text-align: end;
}
/* archive button ending */
/* summary html element specifics */
#summarytitle {
    font-size: 25px;
    color: white;
    text-align: left;
    text-indent: 10px;
}
/* end summary title stufff */
/* left banner profile function */
#profilehomebutton 
{
    transition: box-shadow 0.075s ease-in-out;
}
#profilehomebutton:hover {
    box-shadow: 0px 0px 40px 5px rgb(0, 255, 186);
}
/* end */
/*archive page stuff */
#acrhivepage {
    height: auto;
    overflow: hidden;
}
#archscroll {
}
/* end archive page stuff  */
/* blog page elements */
.blogcontentframe  {
    width: 32vw;
    height: auto;
    padding: 1rem;
    border: solid rgba(0, 0, 0, 0.44) 2px;
    background-color: rgba(0, 0, 0, 0.78);
    transition: 0.25s ease-in-out;
}
.blogcontentframe:hover {
    background-color: rgba(0, 0, 0, 0.92);
    transition: 0.25s ease-in-out;
}
.blogcontentframe:hover #footer {
    background-color: white;
    color: black;
    transition: 0.25s ease-in-out;
}
#p3 {
    text-align: left;
    font-size: 1.7rem;
    color: rgb(255, 255, 255);
}
.p3:hover {
    color: wheat;
}
#datemadeblog {
    color: white;
    font-size: 1rem;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #ffffff;
    font-family: 'Lucida Console';
    font-style: italic;
    text-align: left;
}
#h2mode2 {
    color: white;
    font-size: 2.5rem;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #ffffff;
    font-family: 'Lucida Console';
    font-style: italic;
}
#h2mode3 {
    color: white;
    font-size: 2.5rem;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #ffffff;
    font-family: 'Lucida Console';
    font-style: italic;
    box-shadow: 0px 0px 50px 30px rgba(235, 0, 255, 0.4);

}/* main titlecard thing */


/* featured  */
.featuredphoto 
{
    margin: auto;
    height: 40%;
    width: 40%;
    max-height: 600px;
    max-width: 600px;
    border: 2px solid rgba(0, 0, 0, 0.76);
}
.featuredvideo {
    margin: auto;
    width: 80%;
}
/* misc */
#chatbox_MOBILE {
    display: none;
    margin: auto;
}
/* pin stuff */
#pinterestframethingMAIN {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    flex: 0 1 auto;
}
#pinphoto {
    max-height: 300px;
    max-width: 50vw;
    border: solid 2px #00ff1d;
    transition: 0.25s ease-in-out;
    position: relative;
    z-index: 1;
}
#pinphoto:hoverITSBROKENFORNOW {
    transform: scale(1.13);
    max-height: 400px;
    max-width: 30vw;
    transition: 0.45s ease-in-out;
    align-self: flex-end;
    position: relative;
    z-index: 10;
}
#sniff {
    height: 170px;
    border: solid 3px #f500ff;
    margin: auto;
}
#cdring {
    display: flex;
    flex-direction: column;
    background: url(/media/images/imgbackground/ravedjpov.jpg);
    background-size: 500px;
    width: 95%;
    margin: auto;
    margin-bottom: 20px;
    border: 3px solid magenta;
}
#webmasterbutton {
    background: #ff00b3;
    background: linear-gradient(190deg,rgba(255, 0, 179, 1) 0%, rgba(0, 212, 255, 1) 100%);
    padding: 5px;
    margin: auto;
    margin-top: 10px;
    border: 2px white solid;
    border-radius: 10px;
    width: auto;
    transition: box-shadow 0.175s ease-in-out;
    transition: background 0.175s ease-in-out;
    transition: transform 0.1s ease-in-out;
}
#webmasterbutton:hover {
    background: #ff00b3;
    background: linear-gradient(1deg,rgba(255, 0, 179, 1) 0%, rgba(255, 0, 179, 1) 100%);
    box-shadow: 0px 0px 10px 10px rgb(255, 0, 245);
    transform: translateY(-2px);
}
#dualityinfo {

    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 850px;
    margin: auto;
}
#webmpgimg {
    height: 250px;
    border: 2px solid #00ff3b;
    transition: transform 0.24s ease-in-out;
}
#webmpgimg:hover {
    transform: translateY(-2px) scale(1.3) rotate(3deg);
    box-shadow: 0px 0px 500px 10px rgb(255, 0, 245);
}
.lightbox {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.856);
}
.lightbox:target {
    display: block;
}
.lightbox span {
    display: block;
    margin: auto;
    margin-top: 100px;
    width: 70%;
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#lightboxtext {
    font-size: 30px;
    text-align: center;
}
#lightboxtextITALICS {
    font-size: 20px;
}
#lightboxIMGFullsize {
    max-height: 90%;
    max-width: 100%;
    box-shadow: 0px 0px 165px 100px rgb(0, 0, 0);
}
#gallerywrapper {
    width: auto;
    max-width: 80%;
    margin-bottom: 100px;
}
#gallerywebmaster {
    width: 100px;
    background-color: rgba(0, 0, 0, 0.65);
    margin-bottom: 110px;
    border: 3px solid  black;
    display: flex;
    flex-flow: wrap;
    padding: 40px;
    
}
.glist {
    text-align: left;
    list-style-type: none;
    margin-top: 10px;
}
#glistParent {
    font-size: 18px;
    color: #ff00ff;
    background: #000000;
}
.gallerylinks  {
    font-size: 18px;
    width: 100%;
    color: white;
    margin-left: 15px;
}
#gtitle  {
    font-size: 5rem;
    color: white;
    border: 3px solid magenta;
    padding: 4px;
    background: rgba(0, 0, 0, 0.8);
}
#gtitlesideframe  {
    font-size: 2rem;
    color: white;
    border: 2px solid #00ff3b;
    padding: 4px;
    background: rgba(0, 0, 0, 0.8);
}
.gallerylinks:hover {
    color: lime;
    background: magenta;
}
#intro_p_ggallery {
    font-size: 18px;
    margin: 5px 0px 5px 0px;
}
.iframeForGalleryNavigation {
    border: none;
    height: 900px;
    width: 100%;
}
#iframeForGalleryNavigationMOBILE {
    display: none;
    height: 860px;
}
#boxforggallery {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 30px;
    width: auto;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.54);
    padding: 5px;
    min-height: auto;
    border: 3px;
    border-radius: 15px;
}
#boxforgallerycaption  {
    background: rgba(0, 0, 0, 0.78);
    padding: 10px;
    margin-bottom: 20px;
    min-height: auto;
    width: auto;
    max-width: 700px;
    border: solid 3px #00ff0a;
}
.gallerySubs   {
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: space-evenly;;
    background: rgba(0, 0, 0, 0);
}
#discJ {
    
}
#sandiegoframe2026 {
    justify-content: flex-start;
}
#sdt26DaySeperator {
    width: 100%;
    background: rgba(0, 177, 255, 0.25);
    border: solid 2px black;
    border-radius: 50px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}
#sdt26h2 {
    color: white;
    font-size: 50px; 
    border: solid 4px #9300ff; 
    padding: 5px; 
    background: rgb(255, 0, 216); 
    max-width: 400px;  
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
#sdt26daycaption  {
    max-width: 700px;
    margin: auto;
    margin-bottom: 20px;
    box-shadow: 0px 0px 100px 40px rgba(255, 0, 235, 0.36);
    background-color: rgba(255, 0, 255, 0.28);
    border-radius: 50px;
    color: white;
    text-align: left;
    font-size: 25px;
}
#mistymisty  {
    max-width: 700px;
    margin: auto;
    margin-bottom: 20px;
    box-shadow: 0px 0px 100px 40px rgba(0, 255, 113, 0.36);
    background-color: rgba(0, 255, 113, 0.26);
    border-radius: 10px;
}
.galleryIMGs  {
    height: 100%;
    max-height: 300px;
    max-width: 100%;
    transition: 0.15s ease-in-out ;
}
.galleryIMGs:hover {
    filter: brightness(0.6);
}
#lineqAye  {
    width: 90%;
    height: 2px;
    margin-left: 10px;
    background: #d300ff;
}
#queandayeQuestion{
    text-align: left;
    margin-left: 15px;
    color: #e645ff;
    font-size: 22px;
    width: auto;
    max-width: 500px;
}
#queandayeAnswer {
    color: #ffffff;
    text-align: left;
    margin-left: 20px;
    font-size: 20px;
}
#qalink  {
    color: magenta;
    text-decoration: underline;
}
#qalink:hover {
    color: #00ff14;
    background: #ba00ff;
}
#d__link  {
    color: magenta;
    text-decoration: underline;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    background-color: rgb(0, 0, 0);
}
#d__link:hover {
    color: #00ff14;
    background-color: #c900ff;

}
.directory__list {
    display: flex;
    flex-direction: column;
}
.navbariframe {
    width: auto;
    margin: auto;
}
#iframedirec__mobile {
    width: 70%;
    margin: auto;
}
/*end  */
/* responsive media switching */
@media(max-width:1050px) {
    #sidewrapper {
        display: none;
    }
    #dualityinfo {
        flex-direction: column;
        width: 500px;
    }
    html, body {
  overflow-x: hidden;
    }
    body {
  position: relative
    }
    .maincontent1 {
        max-width: 90%;
    }
    #buttonbannerindex {
        width: 80%;
    }
    #mainframe {
        width: 100%;
    }
    #mainwrapper {
        max-width: 100%;
    }
    #gallerywrapper  {
        max-width: 99%;
    }
    .blogcontentframe {
        width: 75%;
        margin: auto;
        background-color: rgba(0, 0, 0, 0.9);
    }
    #left {
        display: none;
    }
    #right {
        width: 100%;
    }
    #boxformischstuff1 {
        flex-direction: column;
    }
    .box0_MOBILE {
        display: flex;
    }
    #chatbox_MOBILE {
        display: flex;
        flex-direction: column;
    }
    .p3 {
        font-size: 1.25rem;
    }
    #dualityinforseperater {
        margin: auto;
    }
    .wmGalleryFullsize {
        max-height: 400px;
    }
    #iframeForGalleryNavigationMOBILE {
    display:block ;
    }