* {
 box-sizing: border-box;
}
body {
 background: #111;
 min-height: 100vh;
 padding: 0;
 margin: 0;
 /* overflow-x: hidden; */
}
.gallery {
 position: absolute;
 width: 100%;
 height: 100vh;
 overflow: hidden;
}

.cards {
 position: absolute;
 width: 14rem;
 height: 18rem;
 top: 40%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.cards li {
 list-style: none;
 padding: 0;
 margin: 0;
 width: 14rem;
 aspect-ratio: 9/16;
 text-align: center;
 line-height: 18rem;
 font-size: 2rem;
 position: absolute;
 background-size: contain;
 background-repeat: no-repeat;
 top: 0;
 left: 0;
 border-radius: 0.8rem;
}

.actions {
 position: absolute;
 bottom: 25px;
 left: 50%;
 transform: translateX(-50%);
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 1rem;
}

a {
 color: #88ce02;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
.drag-proxy {
 visibility: hidden;
 position: absolute;
}