/*My Stuff*/
.name {
    text-align: left;
    padding: 10pt;
    display: block;
    cursor: pointer;
    text-decoration: none;
}

.artist-column2 {
    text-align: left;
    column-count: 2;
    width: 35vw;
    margin-left: -21.5%;
}

/*wordpress adds unnesecarity parahraphs in my section*/
.artist-column2 p {
    display: none !important;
}

img.art-img { 
    position: fixed;
    left: 75%;
    top: 65%;
    transform: translate(-50%, -50%);

    max-height: 50vh;
    max-width: 40vw !important; 

    pointer-events: none;
} 

/*WordPress*/

/*section.entry-content {
    width: 125%;
    padding: 0;
    margin-left: -21.5%;

    height: 60%;
    overflow-y: auto; 
}*/

/* hide the title */
.page-title{
    display: none;
}

.header-conatiner
{
    position: sticky;
}

.artist-link-anchor{
    display: block;
    line-height: 0;
}

/* make the children of the anchor normal line height */
.artist-link-anchor > * {
    line-height: normal;
}

#artist-list br{
    display: none;
}


/*animations*/

.fade-out {
    opacity: 1;
    
    transform: translate(-50%, -50%);
    animation: fadeOutSlide 0.3s cubic-bezier(0.37, 0, 0.63, 1) forwards;
}

.fade-in {
    opacity: 0;
    
    transform: translate(-50%, -48.0%);
    animation: fadeInSlide 0.4s cubic-bezier(0.37, 0, 0.63, 1) forwards;
}

@keyframes fadeOutSlide {
    to { 
      opacity: 0;
      transform: translate(-50%, -53.0%);
    }
  } 

@keyframes fadeInSlide {
    to { 
      opacity: 1;
      transform: translate(-50%, -50%);
    }
  }