HTML  
{
   height: 100%;
}
BODY {
   -cursor: wait;
   font-family: MyriadPro-Light;
   font-size: 18px;
   color: #dddddd;
   filter: DropShadow(Color=#000000, OffX=0, OffY=0);
   OVERFLOW: auto;
   WIDTH: 100%;
   height: 100%;
   PADDING: 0px;
   MARGIN: 0px;
   Z-INDEX: 0;
   background-size: cover;
   background-color: black;
   -webkit-user-select: none; /* Safari */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* IE10+/Edge */
   user-select: none; /* Standard */
}

A {
	text-decoration: none;
	color: white;
}
A:hover {
	color: gold;
}
/* SHARED ################################################################# */
.mainTab
{
   -display: none;
   overflow: hidden;
   width: 100%;
   height: 100%;
}
.halfTab {
   -float: left;
   width: 50%;
   height: 100%;
}
.bttTab {
   z-index: 5;
   position: absolute;
   top: 62%;
   left: 50%;
   width: 300px;
   margin-top: 0px;
   margin-left: -150px;
   transition: opacity 1.2s;
}
.bttTab1 {
   width: 200px;
   margin-left: -100px;
   margin-top: -28px;
}

.bttClose {
   cursor: default;
   font-size: 18px;
   position: relative;
   top: -37px;
   z-index: 10;
}
.bttClose1 {
   cursor: default;
   font-size: 16px;
   position: relative;
   top: -5px;
   z-index: 10;
}
.contTab {
   font-family: 'MyriadPro-Light';
   font-size: 20px;
   letter-spacing: 1px;
   position: absolute;
   bottom: 100%;
   width: 100%;
   height: 28%;
   border-top: solid 1px #777;
   z-index: 5;
   opacity: 0;
   transition: bottom 1s, opacity 1s;
}
.contTab1 {
   font-size: 16px;
   letter-spacing: 0px;
   width: 100%;
   height: 60%;
   border-top: solid 1px #777;
   z-index: 5;
   opacity: 0;
   transition: bottom 1s, opacity 1s;
}
/*#####################################################################################################*/
.ytTab {
   font-family: 'MyriadPro-Light';
   font-size: 20px;
   -letter-spacing: 1px;
   position: absolute;
   top: -61%;
   width: 100%;
   height: 55%;
   z-index: 10;
   opacity: 0;
   transition: top 1s, opacity 1s;
}
.ytTab1 {
   top: -61%;
   left: -2px;
   width: 100%;
   height: 31%;
}

iframe {
   height: 100%;
   aspect-ratio: 16 / 9;
   background-color: black;
   border: 0;
   box-shadow: 0px 0px 25px 0px #44c2e7;
}
.iframe1 {
   height: 100%;
   aspect-ratio: 16 / 9;
   background-color: black;
   border: 0;
   box-shadow: 0px 0px 25px 0px #44c2e7;
}
/*#######################################################################################################*/
.black {
   background: linear-gradient(to bottom, rgb(0,0,0,.7) 0%, rgb(0,0,0,.7) 100%);
}
.black1 {
   background: linear-gradient(to bottom, rgb(0,0,0,.9) 0%, rgb(0,0,0,.9) 100%);
}
.infoBtt {
   font-family: 'MyriadPro-Light';
   font-size: 23px;
   font-weight: bolder;
   letter-spacing: 3px;
   padding: 10px 25px 10px 30px;
   border: 3px solid white;
   border-radius: 25px 10px 25px 10px;
   background-color: black;
   box-shadow: 0px 0px 15px #000;
   text-shadow: 3px 3px 2px #000;
   transition: transform .4s;
}
.infoBtt1 {
   font-size: 12px;
   transition: transform .4s;
}

.infoBtt:hover {
   cursor: pointer;
   transform: scale(1.15);
}
.copyR {
   cursor: default;
   z-index: 10;
   font-family: Arial;
   font-size: 14px;
   letter-spacing: 2px;
   color: #888;
   position: fixed;
   bottom: 0px;
   width: 100%;
   background: black;
   opacity: .60;
   transition: color .2s
}
.copyR:hover {
   color: white;
}
.copyR1 {
   font-size: 12px;
   color: #aaa;
   position: fixed;
   bottom: 0px;
   width: 100%;
   background: black;
   opacity: .60;
}
.icon {
   position: relative;
   height: 25px;
   bottom: 4px;
   margin-left: 1px;
   margin-right: 3px;
}
.flag {
   position: relative;
   width: 25px;
   height: 18px;
   bottom: 4px;
   margin-left: 2px;
   margin-right: 2px;
   margin-top: 2px;
   box-shadow: inset 0px 0px 20px 10px black;
   transition: transform .2s;
}
.flag:hover {
   transform: scale(1.3);
}
.prvtLogo {
   position: relative;
   width: 220px;
   -margin-top: 25px;
   margin-bottom: 15px;
   filter: drop-shadow(0 0 10px black);
}

.prvtLogo1 {
   width: 150px;
}
.sub {
   -display: none;
   background-image: linear-gradient(to bottom, rgb(0,0,0,0) 0%, rgb(0,0,0,.55) 40%, rgb(0,0,0,1) 100%);
   font-family: 'MyriadPro-Regular';
   font-size: 22px;
   color: white;
   letter-spacing: 10px;
   height: 55%;
   padding-bottom: 80px;
   text-shadow: #000 0px 0px 15px;
   transition: height 1.5s;
   transition-timing-function: ease-in-out;
}
.sub1 {
   background-image: linear-gradient(to bottom, rgb(0,0,0,0) 0%, rgb(0,0,0,.55) 40%, rgb(0,0,0,1) 100%);
   font-family: 'MyriadPro-Regular';
   font-size: 24px;
   letter-spacing: 10px;
   height: 55%;
   padding-bottom: 60px;
   text-shadow: #000 0px 0px 15px;
   transition: height 1.5s;
   transition-timing-function: ease-in-out;
}

h5 {
   font-family: 'MyriadPro-Light';
   font-size: 16px;
   letter-spacing: 4px;
   color: white;
   text-shadow: #000 0px 0px 15px;
   padding: 0px;
   padding-bottom: 5px;
   border: 0px;
   margin: 0px;
   margin-left: -5px;
   color: #b27a8e;
   transition: height 1s;
}
h6 {
   font-family: 'MyriadPro-Light';
   font-size: 16px;
   letter-spacing: 2px;
   text-shadow: #000 0px 0px 15px;
   padding: 0px;
   border: 0px;
   margin: 0px;
   color: red;
   transition: font-size 1s;
   -background-color: yellow;
}

/* ########################################################################################################### */
/* Iris Alien ############################################################### */
/* ########################################################################## */
.IATab1 {
   background-image: url('../img/bg/BG_IA01e.jpg');
   background-position: center center;
   background-size: auto 102%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1.5s, filter 1.5s;
   transition-timing-function: ease-in-out;
}

.IATab2 {
   background-image: url('../img/bg/BG_IA01e_Pink.jpg');
   background-position: center center;
   background-size: auto 102%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1.5s, opacity 1.5s;
   transition-timing-function: ease-in-out;
}

.IATab1H {
   background-size: auto 107%;
}

.IATab1:hover {
   background-size: auto 107%;
}
   .IATab1:hover .IATab2 {
      opacity: 0%;
      background-size: auto 107%;
   }
   .IATab1:hover .sub {
      height: 25%;
   }
/* MOBILE ############################################# */
.IATab11 {
   background-image: url('../img/bg/BG_IA01e.jpg');
   background-position: 55% center;
   background-size: auto 110%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1s;
   transition-timing-function: ease-in-out;
}
.IATab21 {
   background-image: url('../img/bg/BG_IA01e_Pink.jpg');
   background-position: 55% center;
   background-size: auto 110%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1s, opacity 1s;
   transition-timing-function: ease-in-out;
}

.IATab11:active {
   background-size: auto 132%;
}

   .IATab11:active .IATab21 {
      opacity: 0%;
      background-size: auto 132%;
   }

   .IATab11:active .sub1 {
      height: 25%;
   }


/* ########################################################################## */
/* RebellRose  ############################################################## */
/* ########################################################################## */
.RRTab1 {
   background-image: url('../img/bg/BG_RR01b.jpg');
   background-position: 45% center;
   background-size: auto 92%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1.5s;
   transition-timing-function: ease-in-out;
}

.RRTab2 {
   background-image: url('../img/bg/BG_RR01b_Pink.jpg');
   background-position: 45% center;
   background-size: auto 92%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1.5s, opacity 1.5s;
   transition-timing-function: ease-in-out;
}

.RRTab1H {
   background-size: auto 97%;
}
.RRTab1:hover {
   background-size: auto 97%;
}
   .RRTab1:hover .RRTab2 {
      opacity: 0%;
      background-size: auto 97%;
   }
   .RRTab1:hover .sub {
      height: 25%;
   }

/* ########################################################################## */
/* Lilā     ################################################################# */
/* ########################################################################## */
.LLTab1 {
   background-image: url('../img/bg/BG_LL01.jpg');
   background-position: center center;
   background-size: auto 101%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1.5s;
   transition-timing-function: ease-in-out;
}
.LLTab2 {
   background-image: url('../img/bg/BG_LL01_Pink.jpg');
   background-position: center center;
   background-size: auto 101%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1.5s, opacity 1.5s;
   transition-timing-function: ease-in-out;
}

.LLTab1H {
   background-size: auto 106%;
}
.LLTab1:hover {
   background-size: auto 106%;
}
   .LLTab1:hover .LLTab2 {
      opacity: 0%;
      background-size: auto 106%;
   }
   .LLTab1:hover .sub {
      height: 25%;
   }

/* ########################################################################## */
/* Kendra K ################################################################# */
/* ########################################################################## */
.KKTab1 {
   background-image: url('../img/bg/BG_KK01b.jpg');
   background-position: 40% 40px;
   background-size: auto 98%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1.5s, background-position 1.5s;
   transition-timing-function: ease-in-out;
}
.KKTab2 {
   background-image: url('../img/bg/BG_KK01b_Pink.jpg');
   background-position: 40% 40px;
   background-size: auto 98%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1.5s, background-position 1.5s, opacity 1.5s;
   transition-timing-function: ease-in-out;
}

.KKTab1H {
   background-position: 40% 30px;
   background-size: auto 103%;
}
.KKTab1:hover {
   background-position: 40% 30px;
   background-size: auto 103%;
}

   .KKTab1:hover .KKTab2 {
      opacity: 0%;
      background-position: 40% -35px;
      background-size: auto 103%;
   }

   .KKTab1:hover .sub {
      height: 25%;
   }


/* ########################################################################## */
/* Nča Sinclair ############################################################# */
/* ########################################################################## */
.ARTab1 {
   background-image: url('../img/bg/BG_NS03b.jpg');
   background-position: 54% center;
   background-size: auto 101%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1.5s;
   transition-timing-function: ease-in-out;
}

.ARTab2 {
   background-image: url('../img/bg/BG_NS03b_Pink.jpg');
   background-position: 54% center;
   background-size: auto 101%;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   transition: background-size 1.5s, opacity 1.5s;
   transition-timing-function: ease-in-out;
}

.ARTab1H {
   background-size: auto 106%;
}

.ARTab1:hover {
   background-size: auto 106%;
}

   .ARTab1:hover .ARTab2 {
      opacity: 0%;
      background-size: auto 106%;
   }

   .ARTab1:hover .sub {
      height: 25%;
   }

/* ########################################################################## */
/* ########################################################################## */
/* ########################################################################################################### */



/* ########################################################################## */
/* BOX   #################################################################### */
.b2aLogo {
   filter: drop-shadow(0 0 0.75rem black);
   width: 70%;
   margin-top: 40px;
}

.imgYT1 {
   background-image: url('../img/bgBox/Show reel 2023.png');
}
.imgYT2 {
   background-image: url('../img/bgBox/Lullaby of Birdland.png');
}
.imgYT3 {
   background-image: url('../img/bgBox/Something Got Me Started.png');
}
.imgYT4 {
   background-image: url('../img/bgBox/Sweetie Pie 02.png');
}
.imgYT5 {
   background-image: url('../img/bgBox/Rio De Janeiro Blue.png');
}
.imgYT6 {
   background-image: url("../img/bgBox/You Know I'm No Good.png");
}
.boxYT {
   -width: 100%;
   -height: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   box-shadow: 0px 0px 15px #000;
   transition: transform .2s;
}
.boxYT:hover {
   cursor: pointer;
   transform: scale(1.15);
}

.ifBlu {
   border: solid 1px #44c2e7;
}
.ifRed {
   border: solid 1px #d84e68;
}
.ytBtt {
   width: 20%;
   aspect-ratio: 16 / 9;
   transition: width .2s;
}
/* ###################################################################################*/
/* ANIMATION   #######################################################################*/
/* ###################################################################################*/
.gradient-background {
   background: linear-gradient(-45deg,#d84e68,#a056ff,#44c2e7);
   background-size: 180% 180%;
   animation: gradient-animation 5s ease;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}

@keyframes gradient-animation {
   0% {
      background-position: 0% 50%;
   }

   50% {
      background-position: 100% 50%;
   }

   100% {
      background-position: 0% 50%;
   }
}