html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden auto}body{text-align:center;font-family:sans-serif}.not-found{flex-direction:column;justify-content:center;align-items:center;min-height:95vh;display:flex}.container{background:0 0;border-radius:2rem;flex-direction:row;gap:2rem;padding:2rem;display:flex}.main-container{width:80vw;height:80vh;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:row;justify-content:center;align-items:stretch;gap:2rem;display:flex;overflow:visible}.sidebar{background:#fafafa;border:1px solid #e0e0e0;border-radius:1.5rem;flex-direction:column;justify-content:space-between;align-items:stretch;gap:2rem;width:300px;padding:2rem 1.5rem;display:flex;box-shadow:0 2px 16px #0000000f}.profile-row{flex-direction:row;align-items:center;gap:1.2rem;margin-bottom:0;display:flex}.profile-pic{color:#222;background:#f4f4f4;border:1px solid #ddd;border-radius:1rem;justify-content:center;align-items:center;width:100px;height:100px;font-size:1.1rem;display:flex;overflow:hidden}.profile-pic-img{object-fit:cover;width:100%;height:100%}.profile-info{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.profile-name{color:#111;font-size:1.3rem;font-weight:600}.profile-location{color:#444;font-size:1rem}.profile-quote{color:#444;margin-top:0;margin-bottom:1.5rem;font-size:1rem;font-style:italic}.nav-buttons{flex-direction:column;gap:.5rem;display:flex}.nav-buttons button{cursor:pointer;background:#f4f4f4;border:none;border-radius:.6rem;justify-content:space-between;align-items:center;width:100%;padding:.6rem 1rem;font-size:1rem;transition:background .2s;display:flex}.nav-buttons button:hover{background:#e0e0e0}.nav-icon{text-align:left;font-size:1.2rem}.nav-text{text-align:center;flex:1;margin-left:1rem}.socials{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;margin-bottom:.1rem;display:flex;position:relative;transform:translateY(1.5rem)}.copy-notification-container{z-index:10;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.copy-notification{color:#fff;white-space:nowrap;background:#333;border-radius:6px;padding:8px 16px;font-size:.9rem;animation:2s ease-in-out fadeInOut;box-shadow:0 2px 8px #0003}.social-icon-container{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}.social-icon{cursor:pointer;background:#f4f4f4;border:none;border-radius:.4rem;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;overflow:hidden}.social-icon-img{object-fit:contain;width:100%;height:100%;padding:4px}.about-website{color:#555;text-align:center;margin-top:0;margin-bottom:0;font-size:.85rem}.about-website .about-website-button{color:#555;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.85rem;transition:color .2s}.about-website .about-website-button:hover{color:#333}.main-view{background:#fff;border:1px solid #e0e0e0;border-radius:1.5rem;flex:1;justify-content:center;align-items:flex-start;height:100%;font-size:1.2rem;display:flex;overflow-y:auto;box-shadow:0 2px 16px #0000000f}.classic-bg{background:#8d8383 url(/assets/images/background-strassbourg.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.profile-container{background:#fff;border:1px solid #e0e0e0;border-radius:1.5rem;flex-direction:row;justify-content:center;align-items:center;gap:3rem;width:80vw;height:80vh;padding:2rem 3rem;display:flex;box-shadow:0 2px 16px #0000000f}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.separator{background-color:#e0e0e0;border:none;width:100%;height:1px;margin:2rem 0}.about-website-container{flex-direction:column;align-items:center;gap:2rem;width:100%;margin-left:2rem;margin-right:2rem;padding:2rem 0;display:flex}.about-website-header{color:#111;text-align:center;width:100%;margin-bottom:1rem;font-size:1.8rem;font-weight:600}.about-website-content{box-sizing:border-box;text-align:left;background:#fafafa;border:1px solid #e0e0e0;border-radius:1rem;width:auto;max-width:90%;margin:0 auto;padding:2rem;box-shadow:0 2px 16px #0000000f}@media (max-width:900px){.about-website-content{max-width:98vw;margin:1rem auto;padding:1rem}.about-website-container{padding:1rem}}.about-website-attribution{color:#555;text-align:left;font-size:.9rem;line-height:1.6}.about-website-attribution h3{color:#111;margin-bottom:1rem}.about-website-attribution h4{color:#111;margin:1.5rem 0 .75rem}.about-website-attribution .legal-text p{margin:.75rem 0}.about-website-attribution .legal-text p a{color:#06c;margin:0 .2rem;text-decoration:none;transition:color .2s}.about-website-attribution .legal-text p a:hover{color:#049;text-decoration:underline}.about-website-attribution ul{margin:0;padding:0;list-style-type:none}.about-website-attribution ul li{margin-bottom:.5rem}.about-website-attribution a{color:#06c;text-decoration:none;transition:color .2s}.about-website-attribution a:hover{color:#049;text-decoration:underline}.about-me-section{flex-direction:column;align-items:center;width:100%;min-height:fit-content;padding:2rem;display:flex;overflow:visible}.about-me-header{color:#111;text-align:center;width:100%;margin-bottom:1rem;font-size:1.8rem;font-weight:600}.about-me-content{box-sizing:border-box;text-align:left;background:#fafafa;border:1px solid #e0e0e0;border-radius:1rem;width:auto;max-width:90%;margin:0 auto;padding:2rem;box-shadow:0 2px 16px #0000000f}.about-me-content h3{color:#111;text-align:center;margin-bottom:1rem;font-size:1.2rem;font-weight:600}@media (max-width:900px){.about-me-content{max-width:98vw;margin:1rem auto;padding:1rem}.about-me-container{padding:1rem}}.about-me-text{color:#333;text-align:left;font-size:.9rem;line-height:1.6}.about-me-text h3{color:#111;text-align:center;margin-bottom:1rem}.about-me-text h4{color:#111;margin:1.5rem 0 .75rem}.about-me-text p{margin:.75rem 0}.about-me-text p a{color:#06c;margin:0 .2rem;text-decoration:none;transition:color .2s}.about-me-text p a:hover{color:#049;text-decoration:underline}.about-me-text ul{margin:0;padding:0;list-style-type:none}.about-me-text ul li{margin-bottom:.5rem}.about-me-text a{color:#06c;text-decoration:none;transition:color .2s}.about-me-text a:hover{color:#049;text-decoration:underline}.about-me-text .text-style p{margin:.75rem 0}.about-me-text .text-style p a{color:#06c;margin:0 .2rem;text-decoration:none;transition:color .2s}.about-me-text .text-style p a:hover{color:#049;text-decoration:underline}.skills-container{margin-top:2rem}.skills-container h3{color:#111;text-align:center;margin-bottom:1.5rem}.skills-carousel{align-items:center;gap:0;width:100%;display:flex;position:relative}.carousel-arrow{cursor:pointer;color:#666;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:0 .8rem;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex}.carousel-arrow:hover{color:#333;background:#e8e8e8;transform:scale(1.05)}.carousel-arrow:active{transform:scale(.95)}.carousel-arrow:disabled{opacity:.5;cursor:not-allowed;transform:none}.carousel-arrow-left{order:-1}.carousel-arrow-right{order:1}.skills-viewport{background:#fff;border:1px solid #e0e0e0;border-radius:.8rem;flex:1;align-items:center;min-height:160px;padding:.8rem;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.skills-grid{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:.5rem;min-height:150px;padding:0;animation:.4s ease-out fadeInSlide;display:grid}.skill-card{opacity:0;background:#fff;border:1px solid #e0e0e0;border-radius:.6rem;align-items:center;gap:.8rem;padding:.8rem;transition:all .2s;animation:.4s ease-out forwards fadeInUp;display:flex;transform:translateY(10px);box-shadow:0 1px 4px #0000000d}.skill-card:first-child{animation-delay:.1s}.skill-card:nth-child(2){animation-delay:.15s}.skill-card:nth-child(3){animation-delay:.2s}.skill-card:nth-child(4){animation-delay:.25s}.skill-card:hover{border-color:#d0d0d0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.skill-icon{background:#f8f8f8;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.6rem;display:flex}.skill-icon-emoji{font-size:1.6rem;line-height:1}.skill-icon-img{object-fit:contain;filter:opacity(.8);width:24px;height:24px;transition:filter .2s}.skill-card:hover .skill-icon-img{filter:opacity()}.skill-content{text-align:left;flex:1;min-width:0}.skill-title{color:#111;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3rem;font-size:.9rem;font-weight:600;overflow:hidden}.skill-description{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}@media (max-width:900px){.skills-carousel{gap:0}.carousel-arrow{width:35px;height:35px;margin:0 .6rem;font-size:1.3rem}.skills-viewport{min-height:280px;padding:.6rem}.skills-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr;min-height:270px}.skill-card{padding:.8rem}.skill-card:first-child{animation-delay:.1s}.skill-card:nth-child(2){animation-delay:.15s}.skill-card:nth-child(3){animation-delay:.2s}.skill-card:nth-child(4){animation-delay:.25s}.skill-icon{width:32px;height:32px;font-size:1.4rem}.skill-icon-emoji{font-size:1.4rem}.skill-icon-img{width:20px;height:20px}.skill-title{white-space:normal;font-size:.85rem}.skill-description{font-size:.7rem}}@media (max-width:600px){.skills-carousel{flex-direction:column;gap:0}.carousel-arrow{align-self:center;margin:.5rem 0;order:0!important}.carousel-arrow-left{margin-bottom:.8rem}.carousel-arrow-right{margin-top:.8rem}.skills-viewport{flex-direction:column;order:0;min-height:140px;padding:.8rem}.skills-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr;min-height:130px}.skill-card{padding:.7rem}.skill-card:first-child{animation-delay:.1s}.skill-card:nth-child(2){animation-delay:.2s}.skills-container h3{margin-bottom:1rem}}@media (prefers-reduced-motion:reduce){.skills-grid,.skill-card{animation:none}.skill-card{opacity:1;transform:none}.carousel-arrow{transition:none}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;display:grid}.gallery-thumbnail{object-fit:cover;cursor:pointer;border-radius:.25rem;width:100%;height:150px;transition:transform .2s}.gallery-thumbnail:hover{transform:scale(1.03)}.lightbox-overlay{z-index:9999;background-color:#000000bf;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:100vh;max-height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-content{max-width:90%;max-height:90%;position:relative}.lightbox-image{border-radius:.25rem;width:auto;max-width:80vw;height:auto;max-height:80vh}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:.25rem;right:.25rem}.lightbox-close:hover{color:#fdd}.admin-view-div{flex-direction:row;display:flex}.admin-view-sidebar{background-color:#f4f4f4;width:20%;height:100vh}.admin-view-content{width:80%;height:100vh}