.project{
position:relative;
transition:transform 0.3s, background-color 0.3s;
border-left:4px solid var(--colour);
}
.project:hover{
background-color:rgba(97, 255, 244, 0.3);
transform:scale(1.05);
}
.project .title{
text-decoration:underline;
}
.project .card-link{
position:absolute;
inset:0;
}
.project a{
position:relative;
z-index:1;
}
.otherInfo{
display:flex;
gap:1em;
}
.otherInfo div:not(.languageCircle){
padding:4px 12px;
text-align:center;
align-items:center;
display:flex;
border:2px solid white;
border-radius:999px;
background-color:#000000;
}
.language{
gap:0.5em;
}
.languageCircle{
width:20px;
height:20px;
border:1px solid white;
background-color:var(--colour);
border-radius:50%;
}