table{border-collapse:collapse;width:70%;margin:20px auto;background-color:#131414;font-family:Arial,sans-serif;font-size:16px;color:#dcdcdc}th,td{padding:20px 18px;text-align:left}th{background-color:#131414;font-weight:700;border-bottom:1px solid rgb(28,29,30)}tr:nth-child(2n){background-color:#1c1d1e}tr:nth-child(odd){background-color:#131414}.item-portfolio:hover{background-color:#1c1d1e;cursor:pointer;color:#68c052}.liste-portfolio{list-style-type:disc;margin-left:40px;margin-top:10px;margin-bottom:10px;color:#bab6b9}body{background-color:#131414;color:#68c052;font-family:Arial,sans-serif;margin:40px;font-family:Roboto,sans-serif}p{color:#bab6b9;font-size:18px;margin:18px}tr:hover td:first-child{text-decoration:underline}.preuves{width:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.preuves-autres{height:100%}.paragraphes-portfolio{margin:50px 100px;background-color:#1c1d1e;padding:20px;border-radius:10px}.images-portfolio{margin:50px 100px;display:flex;gap:50px}.box{flex:1;border:1px solid black;height:250px;overflow:hidden;border-radius:10px;position:relative}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;font-size:1.2rem;text-align:center;padding:10px}.box:hover .overlay{opacity:1;cursor:pointer}.box:hover .preuves{transform:scale(1.05)}.link{display:flex;align-items:center;gap:10px;margin-left:50px;font-weight:400}.link:hover{text-decoration:underline;cursor:pointer}.titre-portfolio{margin-bottom:0}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{position:relative;width:100%;max-width:500px;max-height:100%;border-radius:10px;background-color:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 0 20px #00000080}.popup-image{width:100%;height:100%;object-fit:contain;display:block}.popup-resize{max-width:70vw}.navbar{display:flex;justify-content:space-around;gap:40px;padding:20px;background-color:#1c1d1e;width:50%;border-radius:10px;margin:0 auto 50px}.nav-link{color:#bab6b9;text-decoration:none;font-size:18px}.nav-link:hover{color:#8ad976}.nav-link.active{font-weight:700;color:#8ad976}
