.container {
    width: 100%;
    height: 80vh;
    position: fixed;
    top: 10vh;
    overflow-y: scroll;
    gap: 20px;
}

.card {
    width: 300px;
    background: var(--grdnt);
    padding: 10px;
    color: var(--w);
    text-align: center;
    border-radius: 10px;
}

.card img {
    width: 100%;
    border-radius: 10px;
    aspect-ratio: 4 / 2.5;
}

.card .icons i a,
.card .icons i {
    color: var(--w);
    cursor: pointer;
    font-size: 20px;
}

.delete-box {
    background: var(--grdnt);
    padding: 10px;
    border-radius: 10px;
    display: grid;
    gap: 15px;
    color: var(--w);
}

.update-box {
    border: 2px solid var(--main);
    padding: 12px;
    border-radius: 10px;
}

.update-box input,
.update-box textarea {
    border: 2px solid var(--main);
    padding: 5px;
    border-radius: 5px;
    font-size: 18px;
    resize: none;
    outline: none;
    width: 280px;
}

.info {
    width: 350px;
    padding: 12.5px;
    border: 2px solid var(--main);
    border-radius: 10px;
}