.mainFeaturedProjects{box-sizing:border-box;background-image:linear-gradient(270deg,#2f00ff00 0%,#2f00ff1a 50%,#2f00ff00 100%),linear-gradient(270deg,#0003 0%,#000000f2 50%,#0003 100%),linear-gradient(#000 0%,#00000040 25% 75%,#000 100%),url(/background_4.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem 1rem;display:flex}.centralizeFeaturedProjects{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1500px;display:flex}.centralizeFeaturedProjects h1{text-align:center;color:#fff;margin-bottom:.5rem;font-size:2.5rem}.centralizeFeaturedProjects h2{text-align:center;color:#fff;margin-top:45px;font-size:20px;font-weight:400}.background_featuredProjects{flex-wrap:wrap;justify-content:center;gap:50px;width:100%;max-width:1200px;padding-top:30px;display:flex}#featuredProject1{background:linear-gradient(#ac1212,#3e0000)}#featuredProject2{background:linear-gradient(#f3aa00,#5c3a04)}#featuredProject3{background:linear-gradient(#1f54a3,#00193e)}.banner{filter:drop-shadow(0 0 5px #000);border-radius:15px;max-width:100%;height:auto}.projectName{text-align:center;color:#fff;margin-top:20px;margin-bottom:0;font-size:1.5rem}.tagsArea{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;min-height:66px;margin-top:.5rem;margin-bottom:.5rem;display:flex}#tagProject1{background:#750909}#tagProject2{background:#613c01}#tagProject3{background:#1f54a3}.project-links-area{flex-direction:column;align-items:center;width:100%;margin-top:auto;display:flex}.fullPortfolio{flex-direction:column;justify-content:center;align-items:center;display:flex}.fullPortfolio h5{color:#fff;text-align:center;margin:0;font-size:1.25rem;font-weight:400}.fullPortfolio hr{filter:drop-shadow(0 0 5px #000);background:#1f54a3;border:none;width:100%;max-width:800px;height:2px;margin-top:1rem}.buttonPortfolio{color:#fff;background:linear-gradient(#1f54a3,#00193e);border-radius:360px;justify-content:center;align-items:center;width:15rem;height:3rem;margin-top:2rem;padding:0 15px;font-size:1.5rem;text-decoration:none;transition:transform .1s ease-in-out;display:flex;position:relative}.buttonPortfolio:hover{filter:brightness(125%);transform:scale(1.1)}.buttonPortfolio .arrowIcon{width:20px;height:20px;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}hr{background:#91b6ff;border:none;border-radius:360px;width:100px;height:4px;margin-top:1.5rem;margin-bottom:2rem}@media (max-width:1000px){.background_featuredProjects{gap:30px}}@media (max-width:768px){.mainFeaturedProjects{padding:1.5rem 1rem}.background_featuredProjects{flex-direction:column;align-items:center;gap:20px}.featuredProject{width:90%;max-width:320px;margin-bottom:20px}.centralizeFeaturedProjects h1{font-size:2rem}.centralizeFeaturedProjects h2{font-size:1rem}.fullPortfolio hr{max-width:90%}}@media (max-width:480px){.mainFeaturedProjects{padding:1rem .5rem}}
.featuredProject{box-sizing:border-box;filter:drop-shadow(0 0 5px #0000009b)brightness(95%)grayscale(25%);border-radius:25px;flex-direction:column;justify-content:start;align-items:center;width:320px;height:685px;margin-bottom:30px;padding:2rem 1rem;transition:all .1s ease-in-out;display:flex;position:relative}.projectName{box-sizing:border-box;align-items:center;min-height:5rem;margin:0;padding-top:1rem;line-height:1.5;display:flex}.projectDescription{-webkit-line-clamp:4;text-overflow:ellipsis;text-align:justify;color:#f0f0f0;-webkit-box-orient:vertical;margin:0 0 1rem;padding-top:1rem;font-size:15px;font-weight:400;display:-webkit-box;overflow:hidden}.featuredProject:hover{filter:brightness(105%)drop-shadow(0 0 5px #ffffffc2);transition:all .1s ease-in-out;transform:scale(1.05)}
.textHref{color:#fff;align-items:center;gap:8px;max-width:200px;height:25px;margin-top:20px;margin-bottom:10px;text-decoration:none;display:inline-flex}.textHref h5{max-width:150px;color:inherit;white-space:nowrap;text-overflow:ellipsis;text-align:center;flex-shrink:1;margin:0;padding:0;font-size:1rem;overflow:hidden}.textHref:hover h5{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}