/*-----------------------------Fixed Menu----------------------------------*/
.navbar {
    background-color: rgb(255, 255, 255);
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 230px;
    margin-top: -100px;

}
.fixedheader {
    font-size: 5rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    position: fixed;
    z-index: 100;
}

/*-------MENUS------*/
.fixedmenu, .fashionmenu, .musicmenu {
    position: absolute;
    top: 116px;
    font-weight: 700;
    font-size: 18.36px;
    pointer-events: auto; /* Enable menu interactions */
    z-index: 100;
}

.fixedmenu {
    left: 530px;
}

.fashionmenu {
    left: 380px;
}

.musicmenu {
    left: 292px;
}

.fixedmenu a, .fashionmenu a, .musicmenu a {
    display: inline-block;
    position: relative;
    transition: transform 0.4s ease, color 0.2s ease;
    color:black;
}

.fixedmenu a::after, .fashionmenu a::after, .musicmenu a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: black;
    transition: width 0.4s ease, background 0.2s ease;
}

.fixedmenu a:hover, .fashionmenu a:hover, .musicmenu a:hover {
    transform: scale(1.08);
    color:#da0000;
}

.fixedmenu a:hover::after, .fashionmenu a:hover::after, .musicmenu a:hover::after {
    width: 100%;
    background-color: #da0000;
}

/*-----------------------------items----------------------------------*/
.artgallery {
    margin: auto;
    margin-top: 150px;
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(0, 0, 0);
    width: 100%;
    z-index: 1;
    position: relative;
    font-size: 0;
}
.musicbanner {
    margin: auto;
    margin-top: 150px;
    display: block;
    background-color: rgb(255, 255, 255);
    width: 100%;
    z-index: 1;
    position: relative;
    font-size: 0;
}

.wide {
    position: relative;
    z-index: 1;
    width: 100%;
    display: block;
    font-size: 0;

}

.widenohover {
    position: relative;
    z-index: 1;
    width: 100%;
    display: block;
    font-size: 0;
}

.half {
    position: relative;
    z-index: 1;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    font-size: 0;

}

.third {
    position: relative;
    z-index: 1;
    width: 33.33333333333%;
    display: inline-block;
    vertical-align: top;
    font-size: 0;

}

.half, .third, .wide {
    position: relative;
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: opacity 0.3s ease;
}

.album25 {
    position: relative;
    z-index: 1;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    transition: 0.3s ease;
}

/* For the images inside these containers */
.half img,
.third img,
.wide img,
.album25 img {
    width: 100%;
    height: auto;
    display: block;
    
}

.musicprofile {
    position: absolute;
    z-index: inherit;
    width: 33.5%;
    left: 53.5%;
    top: 15%;
    transition: 0.3s ease;
}
.musicprofile:hover, .album25:hover {
    transform: scale(1.01);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
    z-index: 20;
}
.musicprofile:active, .album25:active {
    transform: scale(1.2);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
}

/*-----------------------------VIDEO-----------------------------*/

.widevideo {
    max-width: 100%;
    height: auto;
    object-fit: cover;      /* cover, contain, fill */
    object-position: center;
    background: #000;
}
.halfvideo {
    max-width: 50%;
    height: auto;
    object-fit: cover;      /* cover, contain, fill */
    object-position: center;
    background: #000;
}