:root {
    --border-radius: 20px;
    --whole-page: 100%;
}
body {
    border-radius: var(--border-radius);
    display: flex;
    width: var(--whole-page);
    height: 50%;
div.project {
    padding: 20px;
    width: 20%;
    height: 40%;
    border-radius: var(--border-radius);
    img {
        width: var(--whole-page);
        height: 100px;
        border: 10px solid red;
        border-radius: var(--border-radius);
    }
    img:hover {
        width: calc(var(--whole-page) *1.2);
        height: 120px;
    }
}}
a:not(:hover) {
    color:blue
}
a:hover {
    color: gold
}