#project{flex-direction:column;gap:2rem;padding:2.5rem 0;display:flex}#project .btn-return{border:1px solid #00ebac;border-radius:8px;align-items:center;width:fit-content;padding:.3rem 1rem;transition:all .25s ease-in-out;display:inline-flex}#project .btn-return:hover{color:#001a5c;background-color:#23ffc4;box-shadow:0 0 8px 1px #00ebac}#project h1{text-align:center}#project .green-marker{margin-inline:1rem;margin-bottom:.5rem;padding-top:.5rem}#project .green-marker li{align-items:flex-start;gap:.5rem;margin-bottom:.2rem;list-style:none;display:flex;position:relative}#project .green-marker li:before{content:url(/icons/check-circle.svg);flex-shrink:0;width:1.5rem;height:1.5rem;margin-right:.1rem;display:inline-block}.project-infos{background-color:#f0fffb;border-radius:.5rem;flex-direction:column;gap:1rem;padding:2rem;display:flex}.project-infos__image{width:100%;height:100%;min-height:25vh;position:relative;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{color:#000d2e;flex-direction:column;flex-shrink:0;display:flex}.project-infos__list a{text-align:center;color:#000d2e;background-color:#00ebac;border-radius:8px;align-self:center;padding:.3rem 1rem;font-family:inherit;font-weight:500;transition:all .25s ease-in-out}.project-infos__list a:hover{color:#001a5c;background-color:#23ffc4;box-shadow:0 0 8px 1px #00ebac}.project-infos__list a{align-self:flex-start;margin-top:1rem}.project-infos dl{grid-template-columns:1fr;display:grid}.project-infos dl dt{text-align:left;font-weight:600}.project-infos dl dd{margin-bottom:.5rem}.project-infos dl .waiting{text-align:center;color:#f0fffb;background-color:#cc2875}@media (min-width:768px){.project-infos dl{grid-template-columns:minmax(9rem,auto) 1fr;gap:.4rem 1.5rem}}.mockups{flex-direction:column;align-items:flex-start;gap:1rem;padding-top:1rem;display:flex}@media (min-width:576px){.mockups{flex-direction:row;width:100%}}.mockups__desktop{aspect-ratio:3/2;width:100%;position:relative}@media (min-width:576px){.mockups__desktop{width:50%}}.mockups__desktop img{object-fit:contain}.mockups__mobile{aspect-ratio:3/2;width:100%;position:relative}@media (min-width:576px){.mockups__mobile{width:50%}}.mockups__mobile img{object-fit:contain}.tech{flex-wrap:wrap;align-items:center;gap:clamp(1rem,.667rem + 1.67vw,2rem);padding:clamp(.5rem,.167rem + 1.67vw,1.5rem);display:flex}.tech__icon{flex-direction:column;justify-content:center;align-items:center;display:flex}.tech__icon svg{width:2em;height:2em}.tech__icon p{margin-top:.5rem}.github-link{align-items:center;gap:.5rem;width:fit-content;padding-bottom:.5rem;display:flex}.github-link:hover svg{fill:#cc2875}.project-contact a,.project-offer a{text-align:center;color:#000d2e;background-color:#00ebac;border-radius:8px;align-self:center;padding:.3rem 1rem;font-family:inherit;font-weight:500;transition:all .25s ease-in-out}.project-contact a:hover,.project-offer a:hover{color:#001a5c;background-color:#23ffc4;box-shadow:0 0 8px 1px #00ebac}.project-contact a,.project-offer a{margin-block-start:.5rem;margin-inline:.5rem;display:inline-block}
