.project {
    margin: 10px;
    padding: 6px;
    background: linear-gradient(var(--BGDark), var(--BGDark)) padding-box,
    linear-gradient(to right, var(--BGLight), var(--BGLight)) border-box;
    border-radius: 15px 0px 15px 0px;
    border: 1px solid transparent;
    height: 85%;
    width: 95%;
}

.project:hover {
    background: linear-gradient(var(--BGDark), var(--BGDark)) padding-box,
    linear-gradient(to right, var(--BGLight), var(--BGAccent)) border-box;
}

.project a:hover {
    color: var(--BGAccent);
    cursor: pointer;
}

.project h1 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.project h4 {
    margin-top: 2px;
    margin-bottom: 2px;
    color: gray;
}

.project p {
    margin-bottom: 15px;
}