/* generic*/
.invisible{
display:none
}




.thumbbox{
    display:inline-block;
    position:relative;
    width:200px;
    height:200px;
}
.thumbbox .tagselector{
    position:absolute;
    z-index:1100;
}
.cross{
    position:absolute;
    right:10px;
    top:10px;
    z-index:1000;
}

.thumbbox .capture{
    position: absolute;
    z-index:999;
}
.thumbbox .peinture{
    position: absolute;
    z-index:666;
    display: grid;
    width: 100%;
    height:100%;
}
.thumbbox .peinture .todo{
     /* top:1em; */

    /* font-size: 3em;
    display:inline-block;
    background-color: black;
    color:white;
    font-family:sans-serif;
    transform: rotate(-45deg);
    clip-path: inset(0px, 0px, 200px, 200px); */ 
    place-self : center;
    height: 25px;
    width: 25px;
    background-color: #000000;
    border-radius: 50%;
    display: inline-block;
}

/* .thumbbox .peinture.painted:hover{
    z-index:666;
} */
.thumbbox .capture:hover{
    z-index:666;
}

.container{
    margin-left:auto;
    margin-right:auto;
    width:800px;
}

#footer{
position:fixed;
bottom:1em;
}
#header{
margin-bottom:3em;
}
#menu{
    margin-bottom:3em;
}

.taglist{
    width:200px;
    position:fixed;
    right:3em;
}

.taglist .tagbox{
    font-family: 'Nunito';
    color:white;
    padding:.2em;
    margin:.2em;
    display:inline-block;
    background-color: black;
}
.tagbox a{
    color:white;
}


.zoomist-container {
  width: 100%;
  max-width: 600px;
  overflow: hidden;
}

.zoomist-image {
  width: auto;
  aspect-ratio: 1;
}

.zoomist-image img {
  /* width: 100%;
  height: 100%; */
  /* object-fit: cover; */
  object-position: center;
}