#card-list {
    display: flex;
    flex-flow: wrap;

    gap: 5px;
    padding: 50px;

    border-color: white;
}

.card {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 200px;

    padding: 10px;

    background-color: rgb(10, 10, 10);
    border-radius: 10px;
    border: 2px solid;

    transition-property: transform, box-shadow;
    transition: 0.15s ease-in-out;

    cursor: pointer;
}

.card:hover {
    transform: translate(-10px, -10px);
    box-shadow: 2px 2px, 4px 4px, 6px 6px, 8px 8px, 10px 10px;
}

.card .title {
    font-weight: bold;
    font-size: 14pt;
    font-family: "JetBrains Mono", Consolas, monospace;
}

.card .author {
    position: absolute;
    bottom: 10px;
    right: 10px;

    font-size: 10pt;
}

.card .date {
    position: absolute;
    bottom: 10px;

    font-size: 10pt;
}

.newproject {
    text-align: center;
    border-style: dashed;

    border-color: rgb(200, 200, 200);
    color: rgb(200, 200, 200) !important;
}

.bigplus {
    font-size: 120px;
    line-height: 100px;
    padding-top: 20px;
}