.projects-section .grid{width:100%;display:grid;grid-template-columns:repeat(4,4fr);grid-gap:30px;gap:30px;grid-auto-rows:minmax(170px,auto);grid-auto-columns:minmax(100px,auto)}.projects-section .grid a{background-color:gray;border-radius:20px;background-size:cover;position:relative;transition:bottom .3s,box-shadow .3s;bottom:0;box-shadow:0 0 0 0 transparent}.projects-section .grid a:hover{bottom:10px;box-shadow:-5px 5px 10px 0 rgba(16,12,50,.118)}.projects-section .grid a:first-of-type{background-color:pink;grid-column:1/3}.projects-section .grid a:nth-of-type(2){background-color:#ffff42;background-size:150%}.projects-section .grid a:nth-of-type(3){background-color:#a0b3ff;grid-column:4;grid-row:1/3}.projects-section .grid a:nth-of-type(3) .front-image{max-height:280px}.projects-section .grid a:nth-of-type(4){background-color:rgba(67,250,189,.447);grid-column:1;grid-row:2/4}.projects-section .grid a:nth-of-type(5){background-color:#ececec}.projects-section .grid a:nth-of-type(5) .front-image{max-height:170px}.projects-section .grid a:nth-of-type(6){background-color:#b8ffe7}.projects-section .grid a:nth-of-type(7){background-color:#ffff5e}.projects-section .grid a:nth-of-type(8){background-color:#ff8bda;background-position:50%;grid-column:3/5;grid-row:3}.project-bloc{background-position:50%;position:relative}.project-bloc .front-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-inline:auto;width:-moz-fit-content;width:fit-content;border:solid;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media(max-width:768px){.projects-section .grid{width:100%;display:grid;grid-template-columns:repeat(2,2fr);grid-gap:20px;gap:20px;grid-auto-rows:minmax(160px,auto);grid-auto-columns:minmax(140px,auto)}.projects-section .grid a{border-radius:15px}.projects-section .grid a:first-of-type{grid-column:1/3}.projects-section .grid a:nth-of-type(2){grid-column:1}.projects-section .grid a:nth-of-type(3){grid-column:2;grid-row:4/6}.projects-section .grid a:nth-of-type(3) .front-image{max-height:180px}.projects-section .grid a:nth-of-type(4){grid-column:1;grid-row:2/4}.projects-section .grid a:nth-of-type(5){grid-column:2;grid-row:2}.projects-section .grid a:nth-of-type(5) .front-image{max-height:120px}.projects-section .grid a:nth-of-type(6){grid-column:1;grid-row:5}.projects-section .grid a:nth-of-type(7){grid-column:2;grid-row:3}.projects-section .grid a:nth-of-type(8){grid-column:1/3;grid-row:6}}@media(max-width:480px){.project-bloc .front-image{width:160px;height:auto}}