.project{border-top:2px solid var(--dark);cursor:pointer;display:grid;grid-template-columns:repeat(9,1fr);transition:background-color .3s;transition:.5s}#projects:hover .project{opacity:.2}.project:hover{opacity:1!important}.project h3{color:#fff;font-size:36px;font-weight:500;margin-bottom:12px;margin-top:0}.project-info{display:flex;flex-direction:column;gap:20px;grid-column:1/5;justify-content:space-between;margin:60px}.project-image{grid-column:5/10;height:500px}@media(max-width:700px){.project{grid-template-columns:1fr;opacity:1!important}.project h3{font-size:20px}.project-info{grid-column:1;margin:32px}.project-image{grid-column:1;grid-row:1;height:200px}}