:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}header{position:fixed;background-color:#fff;padding:5px 0;text-align:left;top:0;left:0;width:100%;z-index:1000;border-bottom:1px solid #E6007E;overflow:hidden}.nav-links{display:flex;justify-content:center;list-style:none}.nav-links li{margin:0 20px}.nav-links a{color:#242424;text-decoration:none;font-weight:700;transition:color .3s ease}.nav-links a:hover{color:#e6007e}.menu-hamburger{cursor:pointer;display:none;flex-direction:column;width:40px;height:35px}.bar{height:3px;background-color:#000;margin:4px 0}@media (max-width: 780px){header{background-color:transparent;border-bottom:none;padding:0}.menu-hamburger{display:flex;position:fixed;background-color:#e6007e;padding:5px;border-bottom-right-radius:5px}.nav-links{display:none;flex-direction:column;width:100px;padding:10px;margin:0;position:relative;right:0;background-color:#fff;box-shadow:0 4px 8px #0000001a}.nav-links.active{display:flex;border-bottom-right-radius:5px}.nav-links li{margin:5px 0}}@media (max-width: 480px){.menu-hamburger{width:35px;height:30px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}body.modal-open{overflow:hidden}.modal{width:100vw;height:100vh;background:#fff;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.modal.open,.modal-overlay.show .modal{opacity:1;transform:scale(1)}.modal h2{margin:0;color:#e6007e;font-size:1.6rem;padding-top:4px}.image-description-wrapper{width:100%;max-width:1800px;display:flex;flex-direction:column;box-sizing:border-box}.image-container{width:100%;display:flex;justify-content:center;align-items:center}.image-container img{width:100%;max-width:1200px;max-height:80vh;object-fit:contain;display:block;box-sizing:border-box}.description-block{width:100%;max-height:1000px;display:flex;flex-direction:column;gap:12px;padding-left:25px;position:relative;text-align:left;box-sizing:border-box}.description-block:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#e6007e;border-radius:2px}.description{margin:0;line-height:1.4;color:#242424;font-size:1rem;white-space:pre-line}.tools{margin:0;font-weight:700;color:#242424}.modal a{color:#e6007e;text-decoration:none;font-weight:500}.modal a:hover{color:#242424}button{border-radius:5px;border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;background-color:#e5e5e5;cursor:pointer;transition:background-color .2s,color .2s}button:hover{background-color:#242424;color:#fff}@media (min-width: 1000px){.image-description-wrapper{flex-direction:row;align-items:center;gap:100px;height:calc(100vh - 80px)}.image-container{flex:0 1 100%;display:flex;justify-content:center;align-items:center;overflow:visible}.image-container img{width:auto;max-width:100%;height:auto;max-height:80vh;object-fit:contain;box-shadow:#bebebe 0 20px 30px 10px}.description-block{flex:0 1 40%;justify-content:center;padding-left:30px}}@media (max-width: 999px){.modal{padding:12px}.modal h2{font-size:1.4rem}.description,.tools,.modal a,button{font-size:.95rem}}@media (max-width: 600px){.description,.tools,.modal a,button{font-size:.85rem}}.project-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;background-color:#242424;padding:15px;border-radius:5px;width:80%;box-shadow:0 0 10px #0000004d;transition:background-color .3s ease}.project-container li:hover .project-info{background-color:#e6007e}.project-title{margin:0;font-size:1.5em}.project-description{margin:5px 0 0;font-size:1em}@media (max-width: 780px){.project-info{width:60%}}@media (max-width: 480px){.project-title{font-size:1em}.project-description{font-size:.8em}}#presentation{display:flex;justify-content:center;align-items:center;height:484px;background-color:#242424;padding-top:34px;padding-bottom:0}#presentation .presentation-image{width:250px;height:320px;margin:0 100px 0 20px;object-fit:cover;border-radius:10px}#presentation .title-presentation{text-align:left}#presentation .title-presentation .name{margin-top:30px;font-size:3.5em;line-height:1;color:#fff;margin-bottom:0}#presentation .title-presentation .dev{margin-top:10px;font-size:3.5em;line-height:1.2;color:#e6007e}#presentation .title-presentation .text-presentation{font-size:1.2em;line-height:1.3;color:#fff;max-width:680px;margin:10px 20px 0 0}#contact{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:30px}.contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin-top:25px;margin-bottom:30px;color:#242424}h3{font-size:1.3em;margin:5px}.button-CV{padding:10px 20px;font-size:1em;color:#fff;background-color:#e6007e;border:none;border-radius:5px;cursor:pointer;text-decoration:none}.button-CV a{color:#fff;text-decoration:none}#portfolio{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}h2{font-size:2em}.project-container{display:flex;flex-wrap:wrap;justify-content:center;max-width:1440px}.project-container li{position:relative;width:600px;height:420px;list-style:none;margin:20px;border:#242424 solid 1px;background-color:#fff;cursor:pointer}.project-container li:hover{box-shadow:2px 2px 5px #e6007e80}.project-container img{width:600px;height:420px;object-fit:cover;transition:all .3s ease;opacity:.5;filter:grayscale(100%)}.project-container li:hover img{opacity:.8;filter:none}@media (max-width: 1100px){#presentation{height:404px}#presentation .presentation-image{width:200px;height:270px;margin:20px 50px 0 20px}#presentation .title-presentation .name,#presentation .title-presentation .dev{font-size:3em}#presentation .title-presentation .text-presentation{font-size:1em}}h2{margin:40px 0 0}@media (max-width: 780px){#presentation{height:244px}#presentation .presentation-image{display:none;width:200px;height:220px;margin:20px 50px 0 20px}#presentation .title-presentation{text-align:center;margin-bottom:50px;max-width:500px}#presentation .title-presentation .name{font-size:2.3em}#presentation .title-presentation .dev{font-size:2.3em;line-height:1em}#presentation .title-presentation .text-presentation{font-size:.9em;margin:0 20px 20px}h2{font-size:1.5em}.project-container li{width:100%;margin:20px 0;border-bottom:1px solid #242424;border-top:1px solid #242424;box-shadow:none;border-radius:0}.project-container li:hover{border-bottom:1px solid #E6007E;border-top:1px solid #E6007E;box-shadow:none}.project-container img{width:100%;border-radius:0}}@media (max-width: 480px){#presentation{width:100%;height:200px}#presentation .title-presentation{max-width:420px}#presentation .title-presentation .name,#presentation .title-presentation .dev{font-size:1.5em}#presentation .title-presentation .text-presentation{font-size:.7em}h2{font-size:1.2em}}.footer{background-color:#242424;color:#fff;text-align:center;padding:5px 0;bottom:0;width:100%}