/* All The Things */
*,*::before,*::after{box-sizing:border-box;}

/* General */
html{font-size:1rem;}
body{background-image:var(--lingrad-02);font-family:Georgia,serif;}

/* Divs */
main{margin:0 auto;color:black;}
.pg_header{min-height:60px;margin:0 auto;text-align:center;}
.pg_header > h1{font-size:2.25em;color:azure;text-shadow:var(--txtshad-01);}
.wrapper,.lnkcards,.subsectionMain{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;flex-basis:auto;}
.lnkcards,.subsectionMain{max-width:1200px;margin:0 auto;}
.lnkcards2{justify-content:space-evenly;}
.lnkcard,.lnkcard2{
    background-color:rgba(255,255,255,0.2);
    height:160px;
    width:280px;
    border-radius:20px;
    box-shadow:var(--bxshad-01);
    text-align:center;
    align-content:center;
    padding:3px;
    z-index:1;}
.lnkcard2{height:120px;width:220px;}
.lnkcard3{height:340px;max-width:250px;}
.subsectionMain{
    width:100%;
    background-image:var(--lingrad-03);
    border-radius:8px;
    box-shadow:var(--bxshad-01);
    padding:10px;}
.subSection{width:98%;margin:0 auto;background-color:rgba(255,255,255,0.2);padding:10px;border-radius:10px;box-shadow:0 0 8px black;}
.genDiv-1{display:flex;justify-content:center;}
.genDiv-2{width:200px;align-content:center;text-align:center;}
.genDiv-3{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;z-index:1;}
.genDiv-4{border-width:0px 3px 3px 3px;border-style:double;border-color:white;padding:5px;}
.genDiv-5{display:flex;gap:0.5rem;justify-content:space-evenly;}
.qwrapper{display:flex;flex-wrap:wrap;gap:0rem;align-items:center;}
.qrad{width:28px;}
.qDiv01bt,.qDiv01bb{background-color:transparent;flex-basis:auto;width:90%;}
.qDiv01bt{border-top:1px dotted black;}
.qDiv01bb{border-bottom:1px dotted black;}
.spcrH10px{height:10px;clear:both;}
.spcrH25px{height:25px;clear:both;}
.codeBy{
    width:300px;
    height:44px;
    margin:0 auto;
    text-align:center;
    font-family:'cowboy_hippie_pro';
    font-size:1.6rem;
    border-width:3px 0px;
    border-style:double;
    border-color:black;
    background-image:var(--radgrad-03);
    box-shadow:var(--bxshad-02);}
.txtcolumn{flex-grow:1;width:100%;display:none;z-index:1;}
.show,.content{display:block;text-align:center;}
.column{
    flex-grow:1;
    height:340px;
    min-width:228px;
    max-width:250px;
    font-size:0.85rem;
    border-radius:6px;
    box-shadow:0 0 4px black,0 0 3px black,0 0 2px black,0 0 1px black;}
.midvert,.content{justify-content:center;align-content:center;align-items:center;}
.galImgs{height:340px;max-width:250px;}

/* Backgrounds */
.qbg01{background-color:rgba(255,255,255,0.5);}
.qbg02{background-color:rgba(255,235,205,0.5);}

/* Buttons */
button,input[type=submit],input[type=reset]{cursor:pointer;margin:0;border:none;}
.artBtns{
    flex-grow:1;
    height:22px;
    margin:0 0 12px 0;
    background-color:aquamarine;
    background-image:var(--radgrad-04-1);
    border-radius:8px;
    box-shadow:var(--bxshad-04);
    transition-duration:0.3s;}
    .artBtns:hover{
        background-color:var(--grey-01);
        background-image:var(--radgrad-04);
        color:white;
        box-shadow:var(--bxshad-04),var(--bxshad-06);}
.gal-btn.active{background-color:#666;background-image:none;box-shadow:none;color:white;}
    .gal-btn.active:hover{cursor:not-allowed;}

/* Icons - All */
.myIcons{position:relative;height:36px;width:36px;border-radius:50%;box-shadow:var(--bxshad-08),var(--bxshad-01),var(--bxshad-06);}
    .myIcons:hover{box-shadow:none;}
.myIcons:hover::after,.myIcons:hover::before{
    content:'';
    position:absolute;
    height:44px;
    width:44px;
    background-image:conic-gradient(from var(--angleBG-01),maroon,burlywood,maroon);
    top:50%;
    left:50%;
    translate:-50% -50%;
    z-index:-1;
    padding:8px;
    border-radius:50%;
    animation:2s spin linear infinite;
}
@property --angleBG-01{
    syntax:"<angle>";
    initial-value:0deg;
    inherits:false;
}
@keyframes spin{
    from{
        --angleBG-01:0deg;
    }
    to{
        --angleBG-01:360deg;
    }
}
.myIcons::before{filter:blur(6px);opacity:0.6;}

/* General Icons */
.icoFwd{background:url('../images/navIcoSprite.png') 0px 0px,black;height:36px;width:36px;}
    .icoFwd:hover{background:url('../images/navIcoSprite.png') 0px -36px,white;}
.icoBack{background:url('../images/navIcoSprite.png') -36px 0px,black;height:36px;width:36px;}
    .icoBack:hover{background:url('../images/navIcoSprite.png') -36px -36px,white;}
.icoUp{background:url('../images/navIcoSprite.png') -72px 0px,black;height:36px;width:36px;}
    .icoUp:hover{background:url('../images/navIcoSprite.png') -72px -36px,white;}
.icoMail{background:url('../images/navIcoSprite.png') -108px 0px,black;height:36px;width:36px;}
    .icoMail:hover{background:url('../images/navIcoSprite.png') -108px -36px,white;}
.icoMyst{background:url('../images/navIcoSprite.png') -144px 0px,black;height:36px;width:36px;}
    .icoMyst:hover{background:url('../images/navIcoSprite.png') -144px -36px,white;}

/* Social Media Icons */
.icoBs{background-image:url('../images/icon_blusky.png');height:36px;width:36px;}
.icoDA{background-image:url('../images/icon_da.png');height:36px;width:36px;}
.icoFB{background-image:url('../images/icon_fb.png');height:36px;width:36px;}
.icoTwit{background-image:url('../images/icon_twit.png');height:36px;width:36px;}
.icoIG{background-image:url('../images/icon_ig.png');height:36px;width:36px;}

/* Headings */
h1{margin:2px auto;}

/* Paragraphs */
p{text-indent:5px;margin:6px 0;}
.p2 > p{text-indent:unset;}
.p3 > p{margin:0 6px;padding:4px 0;}

/* Styled Text */
.CODEtxt{color:var(--grn-03);}
.GDtxt{background-clip:text;color:transparent;background-image:var(--lingrad-04);}
.FRACTtxt{color:wheat;text-shadow:var(--txtshad-01);line-height:2.3rem;}
.pBgWt01{background-color:white;}
.pBgWt02{background-color:antiquewhite;}
.txt_red-1{color:var(--red-02);}

/* Links */
a:link,a:visited{text-decoration:none;color:midnightblue;}
        a:link:hover,a:visited:hover{color:maroon;}

/* Alignment */
.txt_lft{text-align:left;}
.txt_rt{text-align:right;}
.txt_cntr{text-align:center;}
.vert_bttm{vertical-align:bottom;}
.vert_mid{vertical-align:middle;}

/* Dimensions */
.h80{height:80px;}
.h150{height:150px;}
.w100pc{width:100%;}
.mw900px{max-width:900px;}
.w328px{max-width:328px;}
.w350px{width:350px;text-align:center;}

/* Borders */
.lbord01{border-left:1px solid midnightblue;}
.lbord02{border-left:1px solid maroon;}

/* Border Radius */
.borradTop10px{border-radius:10px 10px 0px 0px;}

/* Padding */
.lpad01{padding-left:4px;}

/* Margins */
.marLeft-1{margin:0 0 0 10px;}
.marTop-1{margin:25px 0 0 0;}
.mar0Auto{margin:0 auto;}

/* Font Families */
.ffamTimNewRom{font-family:'Times New Roman', Times, serif;}
.ffamCurs{font-family:cursive;}
.ffamFant{font-family:fantasy;}
.ffamMono{font-family:monospace;}

/* Font Sizes */
.fsize0_5{font-size:0.5rem;}
.fsize1{font-size:1rem;}
.fsize1_1{font-size:1.1rem;}
.fsize1_2{font-size:1.2rem;}
.fsize1_25{font-size:1.25rem;}
.fsize1_5{font-size:1.5rem;}
.fsize2_5{font-size:2.5rem;}
.fsize3{font-size:3rem;}

/* Font Styles */
.fstylItal{font-style:italic;}

/* Font Weights */
.fbold{font-weight:bold;}

/* Text Decoration */
.undrLine{text-decoration:underline;}
.ovrLine{text-decoration:overline;}
.undovLine{text-decoration:underline overline;}

/* Floats */
.floatL{float:left;}
.floatR{float:right;}

/* Positions */
.posRel{position:relative;}

/* Images (General) */
.DjBpic-001{
    width:150px;
    height:150px;
    background-image:url(../images/DjB_pic-001.png);
    border-radius:20px;
    box-shadow:var(--bxshad-01);}

/* DjBDD Images */
.fT002{
    position:absolute;
    top:-25px;
    left:140px;
    height:80px;
    width:80px;
    background-image:url(../djbdd/images/Mbr20230813_0006-1vsmall.png);
    background-position:center;
    background-repeat:no-repeat;}

/* Misc.Derbis Images */
.MDImg{
    height:130px;
    width:250px;
    background-position:center;
    background-repeat:no-repeat;
    opacity:80%;}
    .MDImg:hover{box-shadow:var(--bxshad-08);opacity:100%;}
.MDImg_Ep0001{background-image:url('../miscderbis/images/MD_Ep0001-thmb.png');}
.MDImg_Ep0002{background-image:url('../miscderbis/images/MD_Ep0002-thmb.png');}
.MDImg_Ep0003{background-image:url('../miscderbis/images/MD_Ep0003-thmb.png');}
.MDImg_Ep0004{background-image:url('../miscderbis/images/MD_Ep0004-thmb.png');}
.MDImg_Ep0005{background-image:url('../miscderbis/images/MD_Ep0005-thmb.png');}
.MDImg_Ep0006{background-image:url('../miscderbis/images/MD_Ep0006-thmb.png');}
.MDImg_Ep0007{background-image:url('../miscderbis/images/MD_Ep0007-thmb.png');}
.MDImg_Ep0008{background-image:url('../miscderbis/images/MD_Ep0008-thmb.png');}
.MDImg_Ep0010{background-image:url('../miscderbis/images/MD_Ep0010-thmb.png');}
.MDImg_Ep0011{background-image:url('../miscderbis/images/MD_Ep0011-thmb.png');}
.MDImg_Ep0012{background-image:url('../miscderbis/images/MD_Ep0012-thmb.png');}
.MDImg_Ep0013{background-image:url('../miscderbis/images/MD_Ep0013-thmb.png');}
.MDImg_PSA0001{background-image:url('../miscderbis/images/MD_PSA0001-thmb.png');}
.MDImg_PSA0002{background-image:url('../miscderbis/images/MD_PSA0002-thmb.png');}
.MDImg_PSA0003{background-image:url('../miscderbis/images/MD_PSA0003-thmb.png');}
.MDImg_PSA0004{background-image:url('../miscderbis/images/MD_PSA0004-thmb.png');}
.MDImg_PSA0007{background-image:url('../miscderbis/images/MD_PSA0007-thmb.png');}
.MDImg_PSA0008{background-image:url('../miscderbis/images/MD_PSA0008-thmb.png');}

/* TECotGGB Images */
.beanLogo{
    height:200px;
    width:181px;
    background-image:url('../tecotgb/images/bean-01mod_sm.png');
    background-repeat:no-repeat;}
.beanMug01{
    height:75px;
    width:100px;
    margin-top:10px;
    background-image:url('../tecotgb/images/DjBBeanMug_002.gif');
    background-repeat:no-repeat;
    border-radius:50%;
    box-shadow:var(--bxshad-01),var(--bxshad-06);}

/* Quantum Cat Images */
#boxwrap{position:relative;height:460px;width:300px;margin:0 auto;pointer-events:auto;}
#catbox{position:relative;height:460px;width:300px;margin:0 auto;}
    #catbox:hover{cursor:help;}
.boximgshadow{position:absolute;top:0px;left:0px;}
.boximgdefault{position:absolute;top:148px;left:17px;}
.boximgdoor{position:absolute;top:192px;left:38px;}
.boximgtopledge{position:absolute;top:186px;left:25px;}
.cimg{position:absolute;top:250px;left:60px;}

/* RUEvolved Images */
.evol-img01{
    height:153px;
    width:300px;
    background-image:url('../ruevol/images/ruevobtmding.png');
    background-position:center;
    background-repeat:no-repeat;}

/* Grafix Images */
.misc-thmb001{background-image:url('../grafix/images/misc/DjB_misc_001.png');height:259px;width:212px;}
.misc-thmb002{background-image:url('../grafix/images/misc/DjB_misc_002.png');height:212px;width:212px;}
.misc-thmb003{background-image:url('../grafix/images/misc/DjB_misc_003.png');height:253px;width:212px;}
.misc-thmb004{background-image:url('../grafix/images/misc/DjB_misc_004.png');height:142px;width:212px;}
.misc-thmb005{background-image:url('../grafix/images/misc/DjB_misc_005.png');height:235px;width:212px;}
.misc-thmb006{background-image:url('../grafix/images/misc/DjB_misc_006.png');height:247px;width:212px;}
.misc-thmb007{background-image:url('../grafix/images/misc/DjB_misc_007.png');height:260px;width:212px;}
.misc-thmb008{background-image:url('../grafix/images/misc/DjB_misc_008.png');height:212px;width:212px;}
.misc-thmb009{background-image:url('../grafix/images/misc/DjB_misc_009.png');height:212px;width:212px;}
.misc-thmb010{background-image:url('../grafix/images/misc/DjB_misc_010.png');height:156px;width:212px;}
.blender-thmb001{background-image:url('../grafix/images/blender/DjB_blender_001.png');height:212px;width:212px;}
.blender-thmb002{background-image:url('../grafix/images/blender/DjB_blender_002.png');height:212px;width:212px;}
.blender-thmb003{background-image:url('../grafix/images/blender/DjB_blender_003.png');height:146px;width:212px;}
.blender-thmb004{background-image:url('../grafix/images/blender/DjB_blender_004.png');height:119px;width:212px;}
.blender-thmb005{background-image:url('../grafix/images/blender/DjB_blender_005.png');height:212px;width:212px;}
.blender-thmb006{background-image:url('../grafix/images/blender/DjB_blender_006.gif');height:212px;width:212px;}
.blender-thmb007{background-image:url('../grafix/images/blender/DjB_blender_007.gif');height:212px;width:212px;}
.blender-thmb008{background-image:url('../grafix/images/blender/DjB_blender_008.gif');height:212px;width:212px;}
.jwildfire-thmb001{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_001t.png');height:120px;width:212px;}
.jwildfire-thmb002{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_002t.png');height:280px;width:182px;}
.jwildfire-thmb003{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_003t.png');height:212px;width:212px;}
.jwildfire-thmb004{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_004t.png');height:212px;width:212px;}
.jwildfire-thmb005{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_005t.png');height:212px;width:212px;}
.jwildfire-thmb006{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_006t.png');height:265px;width:212px;}
.jwildfire-thmb007{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_007t.png');height:265px;width:212px;}
.jwildfire-thmb008{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_008t.png');height:265px;width:212px;}
.jwildfire-thmb009{background-image:url('../fractals/images/jwildfire/DjB_jwildfire_009t.png');height:265px;width:212px;}
.mandelbulb3d-thmb001{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_001t.png');height:120px;width:212px;}
.mandelbulb3d-thmb002{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_002t.png');height:120px;width:212px;}
.mandelbulb3d-thmb003{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_003t.png');height:120px;width:212px;}
.mandelbulb3d-thmb004{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_004t.png');height:120px;width:212px;}
.mandelbulb3d-thmb005{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_005t.png');height:120px;width:212px;}
.mandelbulb3d-thmb006{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_006t.png');height:120px;width:212px;}
.mandelbulb3d-thmb007{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_007t.png');height:120px;width:212px;}
.mandelbulb3d-thmb008{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_008t.png');height:120px;width:212px;}
.mandelbulb3d-thmb009{background-image:url('../fractals/images/mandelbulb3d/DjB_mandelbulb3d_009t.png');height:120px;width:212px;}
.mandelbulber-thmb001{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_001t.png');height:120px;width:212px;}
.mandelbulber-thmb002{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_002t.png');height:120px;width:212px;}
.mandelbulber-thmb003{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_003t.png');height:120px;width:212px;}
.mandelbulber-thmb004{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_004t.png');height:120px;width:212px;}
.mandelbulber-thmb005{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_005t.png');height:170px;width:212px;}
.mandelbulber-thmb006{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_006t.png');height:280px;width:182px;}
.mandelbulber-thmb007{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_007t.png');height:265px;width:212px;}
.mandelbulber-thmb008{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_008t.png');height:265px;width:212px;}
.mandelbulber-thmb009{background-image:url('../fractals/images/mandelbulber/DjB_mandelbulber_009t.png');height:265px;width:212px;}
.ultrafractal-thmb001{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_001t.png');height:170px;width:212px;}
.ultrafractal-thmb002{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_002t.png');height:170px;width:212px;}
.ultrafractal-thmb003{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_003t.png');height:170px;width:212px;}
.ultrafractal-thmb004{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_004t.png');height:265px;width:212px;}
.ultrafractal-thmb005{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_005t.png');height:265px;width:212px;}
.ultrafractal-thmb006{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_006t.png');height:265px;width:212px;}
.ultrafractal-thmb007{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_007t.png');height:265px;width:212px;}
.ultrafractal-thmb008{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_008t.png');height:212px;width:212px;}
.ultrafractal-thmb009{background-image:url('../fractals/images/ultrafractal/DjB_ultrafractal_009t.png');height:212px;width:212px;}

/* Image Counters */
.counter{counter-reset:blender-count;counter-reset:misc-count;counter-reset:mandelbulber-count;counter-reset:mandelbulb3d-count;counter-reset:jwildfire-count;counter-reset:ultrafractal-count;}
.counter > .misc{counter-increment:misc-count;}
.counter > .blender{counter-increment:blender-count;}
.counter > .mandelbulber{counter-increment:mandelbulber-count;}
.counter > .mandelbulb3d{counter-increment:mandelbulb3d-count;}
.counter > .jwildfire{counter-increment:jwildfire-count;}
.counter > .ultrafractal{counter-increment:ultrafractal-count;}
.misc > .midvert > .content::after{content:"Misc Image "counter(misc-count,decimal-leading-zero);}
.blender > .midvert > .content::after{content:"Blender Image "counter(blender-count,decimal-leading-zero);}
.mandelbulber > .midvert > .content::after{content:"Mandelbulber Image "counter(mandelbulber-count,decimal-leading-zero);}
.mandelbulb3d > .midvert > .content::after{content:"Mandelbulb3D Image "counter(mandelbulb3d-count,decimal-leading-zero);}
.jwildfire > .midvert > .content::after{content:"JWildfire Image "counter(jwildfire-count,decimal-leading-zero);}
.ultrafractal > .midvert > .content::after{content:"UltraFractal Image "counter(ultrafractal-count,decimal-leading-zero);}