.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#3d3c3c;gap:1rem}.container a{text-decoration:none}.container a :hover{color:#f04f4f}.container .card{width:95%;height:35rem;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);text-align:center;margin-top:1rem;background:#fff;cursor:pointer;padding:1rem;background-color:#e5eef1}.container .card .project-card{margin-bottom:2rem}.container .card .project-title{font-size:1.5rem;font-weight:600;color:#fb923c}.container .card .project-title2{font-size:1.5rem;font-weight:600;color:#28a1da}.container .card .project-description{margin-top:.5rem;font-size:.875rem;color:#44464b;line-height:1.6}.container .card .project-link{display:inline-block;margin-top:.75rem;font-size:.875rem;color:#f10101;text-decoration:none}.container .card .project-link:hover{text-decoration:underline}.container .card iframe{width:95%;height:25rem;border-radius:10px}.container .image{width:100%;height:auto;object-fit:cover;border-radius:15px}.container .title{padding:16px;font-size:18px;font-weight:600;color:#3b3838}@media(max-width:770px){.container .card .project-title{font-size:1rem}.container .card .project-description,.container .card .project-link{font-size:.6rem}}