div.backgroundProject{filter:brightness(20%);width:110vw;height:110vh;background-image:url(/_next/static/media/background.46bf15e2.jpg);background-repeat:no-repeat;background-size:cover;background-color:rgba(0,0,0,.534);animation:zoom 10s infinite alternate}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}div.project-container{border:1px solid transparent}div.title-project-main{margin:17% auto;width:1920px}div.title-project h1{font-size:50px;text-transform:uppercase;color:#cf000f}div.title-project h1 span{font-size:150%}span.nextCircle{border:1px solid #cf000f;background-color:#cf000f}div.projects{width:100%;display:grid;grid-template-columns:auto auto}div.project{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:4%;padding:10px;position:relative;height:400px;overflow:hidden}div.project img{opacity:1;position:absolute;height:90%;align-items:center;z-index:-1}div.details{position:absolute;transition:.3s ease-in}div.details h1{text-transform:uppercase;margin-bottom:20px}div.details span{margin-right:10px}div.projectName{opacity:0;transition:.4s ease-in-out}div.project:hover div.projectName{opacity:1;transition:.4s ease-in-out}p.desc{margin:20px 0}a.link{padding:10px;border:3px solid #cf000f;background-color:#cf000f}a.link,a.link:hover{transition:.3s ease-in-out}a.link:hover{background-color:transparent}div.project:hover img{opacity:.1;transition:.3s ease-out;transform:scale(1.03)}@media screen and (max-width:2185px){div.title-project-main{margin:17% auto;width:80%}}@media screen and (max-width:1825px){div.project{height:350px}}@media screen and (max-width:1335px){div.project{height:300px}}@media screen and (max-width:888px){a.link{padding:5px 10px}}@media screen and (max-width:882px){div.project{height:200px}div.projects{width:90%;display:grid;grid-template-columns:auto}div.project{height:300px}}@media screen and (max-width:598px){div.project{height:250px}div.project span.extraspace{display:none}div.project a.viewcode{margin-right:20px}div.title-project h1{margin:-70px -20px 0 -30px}}@media screen and (max-width:537px){div.title-project h1{font-size:40px;text-align:center}}@media screen and (max-width:459px){div.details{margin:30px 0 0 20px}div.project{margin:4% 0}}@media screen and (max-width:598px){div.title-project h1{margin:-30px -20px 0 -30px}div.projects,div.title-project-main{margin-left:auto;margin-right:auto}}@media screen and (max-width:360px){div.details{margin-left:10px}a.link{padding:7px;font-size:small}div.details span{margin-right:4px}}