.projects-page{display:flex;min-width:100%;height:-moz-fit-content;height:fit-content;overflow-x:hidden}.projects__container{transform:translateY(2%);position:relative;z-index:50;margin-bottom:5%}.projects__container h2{font-size:50px;margin-top:5%;margin-bottom:4%;display:-webkit-flex;justify-content:center;font-family:Futura;justify-self:center}.project__card{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;margin-left:3%;margin-right:3%;grid-column-gap:0;column-gap:0;grid-row-gap:70px;row-gap:70px;margin-bottom:10%}.project_image{border-radius:10px;width:400px;height:300px;object-fit:contain}.project__card__item__image:hover{opacity:.5}.discover-button{display:flex;padding:1.5% 5%;border-radius:50px;border:1.5px solid #000;color:#000;background:none;align-items:center;justify-content:center;font-size:14px;transition:all .3s;position:relative;overflow:hidden;z-index:2}.discover-button:after{width:100%;color:#000;background:none;border:none;border-radius:10px;z-index:-2}.discover-button:after,.discover-button:before{content:"";position:absolute;bottom:0;left:0;height:100%}.discover-button:before{width:0;background:linear-gradient(90deg,#fff,#426a3bbb);border:none;transition:all .3s;border-radius:10rem;z-index:-1}.discover-button:hover{color:#000;border:none}.discover-button:hover:before{width:100%}.projectsName{font-size:24px;font-family:Futura;margin-top:3%}.projects__grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;position:relative;transition:margin-top .3 ease}.project__card__item{position:relative;width:430px;margin-bottom:3%;transition:margin .3s ease,transform .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project__card__item .discover-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;display:none;padding:10px 20px;color:#000;font-size:16px;cursor:pointer;text-align:center;margin-top:-40px;opacity:1;z-index:2}.project__card__item .description{display:none;margin-top:2%;color:#555;font-size:18px;font-family:Roboto-regular}.project__card__item:hover .project__card__item__image{transition:opacity .3s ease}.project__card__item:hover .description,.project__card__item:hover .discover-button{display:flex;opacity:1;transition:opacity .3s ease}.projects__grid:hover .project__card__item:not(:hover){margin-top:40px;transition:margin .3s ease,transform .3s ease}.projects__grid:hover .project__card__item{transition:margin .3 ease}.projects__grid:not(:hover) .project__card__item{margin-top:0;transition:margin-top .3s ease}.projects__grid .project__card__item:not(:hover){margin-top:0;transition:margin .3s ease}.project__card__item .discover-button:hover{opacity:1}.project__card__item:hover .project__card__item__image{opacity:.5}.pagination{display:flex;justify-content:center;align-items:center;background:none}.pagination-button{padding:10px 15px;color:#aab8c3;border:none;background:none;margin-top:40px;font-size:16px;cursor:pointer;transition:all .3s ease}.pagination-button.active{color:#000;background:none}.pagination-button:hover{color:#555;background:none}@media (min-width:991px) and (max-width:1330px){.projects__grid{grid-template-columns:repeat(2,1fr);gap:9%}}@media (min-width:850px) and (max-width:990px){.projects__grid{grid-template-columns:repeat(2,1fr)}.project__card__item,.project_image{width:400px}}@media(min-width:501px) and (max-width:849px){.projectsName{font-size:24px}.projects__container h2{font-size:40px}.discover-button{font-size:14px!important;width:36%;height:38px;padding:0!important}}@media (min-width:400px) and (max-width:500px){.project__card__item,.project_image{width:350px}.projects__container h2{font-size:30px}.projectsName{font-size:20px}.description{font-size:16px!important}.discover-button{font-size:12px;padding:0!important;width:40%;height:35px}}@media (min-width:320px) and (max-width:399px){.project__card__item{width:300px}.project_image{width:300px;height:200px}.projects__container h2{font-size:28px}.projectsName{font-size:18px}.description{font-size:15px!important}.discover-button{font-size:11px!important;height:35px;width:40%;padding:0!important}}@media(max-width:850px){.pagination{margin-bottom:20%}}