:root {
    --project-accent-color: #A07EB2;
    --project-link-color: #8555a1;
    --project-button-color: #9171a1;
}

[data-theme="dark"] {
    --project-accent-color: #A07EB2;
    --project-link-color: #8555a1;
    --project-button-color: #9171a1;
}

#big-link-buttons {
    margin-top: 0;
}

img.big-project-icon {
    margin-left: 60px;
}

/*Toggle hover image*/
/*Last of type is hover / focus image and first of type is normal icon*/
#open-project-link img:last-of-type {
    display: none;
}

#open-project-link:hover img:first-of-type {
    display: none;
}

#open-project-link:hover img:last-of-type {
    display: inline-block;
}

/* At 641 it should wrap */
@media (max-width: 800px) {
    .project-title-container img{
        display: none;
    }
}