.project-container .container-title{margin:var(--gap) 0}.project-container ul{display:flex;gap:var(--gap);list-style:none;overflow:auto}.project-container .project{background-size:cover;background-repeat:no-repeat;background-position:center;border:1px solid var(--bd-color);display:block;position:relative;height:250px;width:350px;color:var(--theme-color);transition:.5s border-color}.project-container .project .project-content{background-color:rgba(0,0,0,.4666666667);position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-2);height:100%;width:100%;opacity:0;transition:.5s opacity}.project-container .project:hover{border-color:var(--theme-color)}.project-container .project:hover .project-content{opacity:1}