.projectslist{margin-top:25px;width:600px}.projectslist .project-card{display:flex;align-items:center;background-color:#151312;border-radius:8px;padding:20px;width:100%;transition:transform .3s ease;margin-top:50px;position:relative}.projectslist .project-card:hover{transform:translateY(-25px);background-color:#1a1a1a}.projectslist .project-card:hover .project-link{color:#fff;margin-bottom:100px}.projectslist .project-card:hover .project-description{opacity:1;visibility:visible}.projectslist .project-card .project-image-container{flex:1 1;max-width:200px;pointer-events:none}.projectslist .project-card .project-image-container img{width:70%;height:100%;border-radius:8px}.projectslist .project-card .project-details{flex:3 1;color:#fff;pointer-events:none}.projectslist .project-card .project-details h3{font-size:1.8rem;font-weight:700;margin:0}.projectslist .project-card .project-details p{font-size:1rem;color:#bbb;margin-top:10px}.projectslist .project-card .project-details .project-skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;pointer-events:auto}.projectslist .project-card .project-details .project-skills .skill{display:flex;align-items:center;gap:5px;flex-direction:row;background-color:#1a1a1a;padding:5px 10px;border-radius:8px;text-decoration:none;transition:background-color .3s ease;position:relative;z-index:3}.projectslist .project-card .project-details .project-skills .skill:hover{background-color:rgb(51.5,51.5,51.5)}.projectslist .project-card .project-details .project-skills .skill .skill-image{width:20px;height:20px;object-fit:contain}.projectslist .project-card .project-details .project-skills .skill .skill-title{font-size:.9rem;color:#bbb}.projectslist .project-card .project-card-link{position:absolute;inset:0;border-radius:8px;z-index:2}.projectslist .project-card>:not(.project-card-link){position:relative;z-index:1}.projectslist .project-link{color:#5c6c5c;text-decoration:none;margin-top:10px;display:inline-block;transition:all .3s ease;rotate:-45deg;font-size:1.25em;pointer-events:none}@media(max-width:1100px){.projectslist{width:350px;margin:0 auto;padding:0 20px}.projectslist .project-card{flex-direction:column;align-items:center;text-align:center;padding:15px;margin-top:50px}.projectslist .project-card .project-image-container{max-width:100%;margin-bottom:10px}.projectslist .project-card .project-details h3{font-size:1.5rem}.projectslist .project-card .project-details p{font-size:.9rem}.projectslist .project-card .project-skills{justify-content:center}}