@charset "UTF-8";body{margin:0;background-color:#f6f6f6;font-family:inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}p{margin:0}.App{display:flex;flex-direction:row}@media (max-width: 768px){.App{flex-direction:column;height:auto;overflow:visible}}.main{margin:50px 0 0 30px;max-width:75vw;display:flex;flex-direction:column;gap:50px}@media (max-width: 768px){.main{margin:0 0 0 30px;max-width:100vw;padding-top:130px}}.main-presentation{display:flex;flex-direction:column;gap:20px}.main-title{font-size:25px;font-weight:700;color:#c05746}.main-description{font-size:15px;width:50dvw}@media (max-width: 768px){.main-description{width:80dvw}}.links{display:flex;gap:50px}.link{font-size:12px;color:#c05746}.cardContainer{display:flex;gap:20px}.contact{margin:0 0 50px;color:#4f6367;font-size:12px;display:flex;text-align:center;justify-content:center;gap:25px}.mail{text-decoration:none;color:inherit}.separator{border:none;height:1px;background-color:#4f636780}.Card{display:flex;flex-direction:column;padding:20px;gap:15px;width:min-content;height:300px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #00000040;text-decoration:none;color:inherit}.Card .image{height:200px}.Card .imagetest{background-size:cover;height:150px;width:280px;border-radius:5px}.Card .content{display:flex;flex-direction:column;gap:20px}.Card .content .header{display:flex;justify-content:space-between;align-items:center}.Card .content .header .informations{display:flex;flex-direction:column;gap:7px}.Card .content .header .informations .title{font-size:15px;font-weight:700}.Card .content .header .informations .details,.Card .content .description{font-size:12px}.LeftPanel{position:sticky;top:0;width:25vw;height:100vh;border-radius:0 10px 10px 0;background-color:#fff;box-shadow:0 0 10px #00000040;z-index:10}.LeftPanel .Container{margin:0 20px;display:flex;flex-direction:column;gap:40px}.LeftPanel .Container .logo{margin-top:20px;width:100px;font-size:25px;font-weight:bolder;color:#4f6367}.LeftPanel .Container .links{font-size:15px;display:flex;flex-direction:column;gap:15px;width:max-content;transition:all .3s ease}.LeftPanel .Container .menu-button{display:none}.LeftPanel a{text-decoration:none;color:inherit}@media (max-width: 768px){.LeftPanel{position:fixed;top:0;left:0;width:100%;height:auto;border-radius:0;box-shadow:0 2px 8px #00000026;z-index:1000;background:#fff}.LeftPanel .Container{flex-direction:row;align-items:center;justify-content:space-between;margin:10px 20px}.LeftPanel .Container .menu-button{background:none;border:none;cursor:pointer;color:#4f6367;display:block;font-size:24px}.LeftPanel .Container .links{display:none;flex-direction:column;gap:10px;width:100%;background:#fff;position:absolute;top:60px;left:0;padding:15px 20px;box-shadow:0 4px 10px #0000001a;border-top:1px solid rgba(0,0,0,.1)}.LeftPanel .Container .links.show{display:flex}}.ProjectSection{display:flex;flex-direction:column;gap:20px;height:max-content;width:70vw}@media (max-width: 768px){.ProjectSection{width:85vw}}.ProjectSection .title{font-size:25px;font-weight:700;color:#4f6367}.ProjectSection .carousel-content{display:flex;align-items:center;gap:20px;overflow-x:hidden;height:355px;padding-left:10px}.ProjectSection .carousel-content .buton-container{display:flex;position:absolute;justify-content:space-between;margin-left:-15px;width:70vw;pointer-events:none}@media (max-width: 768px){.ProjectSection .carousel-content .buton-container{width:85vw}}.ProjectSection .carousel-content .buton-container .arrow-buton{pointer-events:auto;background-color:#ffffff40;border-radius:50px;box-shadow:0 0 10px #00000080;height:50px;width:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease-in-out}.ProjectSection .carousel-content .buton-container .arrow-buton:hover{background-color:#ffffff80;box-shadow:0 0 10px #000}.ProjectSection .carousel-content .buton-container i{width:50px;height:50px;color:#4f6367;align-content:center}