.projects-container{margin:80px 20px}.projects{max-width:100%;max-width:1024px;margin:auto;text-align:center}.project-heading .title{font-size:2em;font-weight:500}.project-heading .desc{font-size:1.2em;margin:10px 0 60px}.project-list{display:flex;gap:25px;flex-wrap:wrap;justify-content:center}.project-list figure{display:flex;justify-content:space-between;flex-direction:column;margin:0;padding:0 0 10px;border:1px solid #d1d1d1;border-radius:10px;overflow:hidden;width:322px}.project-list .image{position:relative;background-color:#141c3a}.project-list img{height:100%;width:100%;max-height:160px;object-fit:cover;display:block}.project-list .image:hover img,.project-list .image:hover svg{position:relative;opacity:.3}.project-list .img-overlay{color:#fff;font-weight:500;position:absolute;top:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2em;opacity:0}.project-list .image:hover .img-overlay{opacity:1}.project-list .title{font-size:1.1em;font-weight:500;margin:10px;display:block}.project-list figcaption{margin:10px}.code-project{flex:1 1;display:flex;flex-direction:column;justify-content:center;min-height:150px}.hello-container{margin:150px 20px}.hello-container .hello{max-width:800px;margin:auto;padding:40px 20px 60px;border-radius:20px;text-align:center;border:5px dashed #141c3a}.hello .title{font-size:2em;line-height:1.4;margin-bottom:30px}.hello .desc{font-size:1.2em;margin-bottom:50px}.hello .button{background-color:#141c3a;border:3px solid #141c3a}.hello .button:hover{color:#141c3a;background-color:#fff}