#project{display:flex;flex-direction:column;gap:2rem;padding:2.5rem 0}#project .btn-return{display:inline-flex;align-items:center;border-radius:8px;width:-moz-fit-content;width:fit-content;padding:.3rem 1rem;border:1px solid hsl(164,100%,46%);transition:all .25s ease-in-out}#project .btn-return:hover{background-color:hsl(164,100%,56.8%);color:hsl(223,100%,18.1%);box-shadow:0 0 8px 1px hsl(164,100%,46%)}#project h1{text-align:center}#project .green-marker{margin-inline:1rem;padding-top:.5rem;margin-bottom:.5rem}#project .green-marker li{display:flex;align-items:flex-start;gap:.5rem;list-style:none;position:relative;margin-bottom:.2rem}#project .green-marker li:before{content:url(/icons/check-circle.svg);flex-shrink:0;display:inline-block;width:1.5rem;height:1.5rem;margin-right:.1rem}.project-infos{display:flex;flex-direction:column;gap:1rem;background-color:hsl(164,100%,97%);padding:2rem;border-radius:.5rem}.project-infos__image{position:relative;height:100%;min-height:25vh;width:100%;overflow:hidden}@media(min-width:992px){.project-infos__image{min-height:300px}}.project-infos__image img{object-fit:contain}@media(min-width:992px){.project-infos{flex-direction:row;justify-content:space-between;align-items:center}}.project-infos__list{display:flex;flex-direction:column;flex-shrink:0;color:hsl(223,100%,9%)}.project-infos__list a{text-align:center;border-radius:8px;padding:.3rem 1rem;font-weight:500;font-family:inherit;align-self:center;background-color:hsl(164,100%,46%);color:hsl(223,100%,9%);transition:all .25s ease-in-out}.project-infos__list a:hover{background-color:hsl(164,100%,56.8%);color:hsl(223,100%,18.1%);box-shadow:0 0 8px 1px hsl(164,100%,46%)}.project-infos__list a{align-self:flex-start;margin-top:1rem}.project-infos dl{display:grid;grid-template-columns:1fr}.project-infos dl dt{font-weight:600;text-align:left}.project-infos dl dd{margin-bottom:.5rem}.project-infos dl .waiting{background-color:hsl(332,67%,48%);text-align:center;color:hsl(164,100%,97%)}@media(min-width:768px){.project-infos dl{grid-template-columns:minmax(9rem,auto) 1fr;column-gap:1.5rem;row-gap:.4rem}}.mockups{display:flex;flex-direction:column;padding-top:1rem;align-items:flex-start;gap:1rem}@media(min-width:576px){.mockups{flex-direction:row;width:100%}}.mockups__desktop{position:relative;width:100%;aspect-ratio:3/2}@media(min-width:576px){.mockups__desktop{width:50%}}.mockups__desktop img{object-fit:contain}.mockups__mobile{position:relative;width:100%;aspect-ratio:3/2}@media(min-width:576px){.mockups__mobile{width:50%}}.mockups__mobile img{object-fit:contain}.tech{gap:clamp(1rem,.667rem + 1.67vw,2rem);padding:clamp(.5rem,.167rem + 1.67vw,1.5rem);flex-wrap:wrap}.tech,.tech__icon{display:flex;align-items:center}.tech__icon{flex-direction:column;justify-content:center}.tech__icon svg{width:2em;height:2em}.tech__icon p{margin-top:.5rem}.github-link{display:flex;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content;padding-bottom:.5rem}.github-link:hover svg{fill:hsl(332,67%,48%)}.project-contact a,.project-offer a{text-align:center;border-radius:8px;padding:.3rem 1rem;font-weight:500;font-family:inherit;align-self:center;background-color:hsl(164,100%,46%);color:hsl(223,100%,9%);transition:all .25s ease-in-out}.project-contact a:hover,.project-offer a:hover{background-color:hsl(164,100%,56.8%);color:hsl(223,100%,18.1%);box-shadow:0 0 8px 1px hsl(164,100%,46%)}.project-contact a,.project-offer a{display:inline-block;margin-inline:.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}