@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Jost:ital,wght@0,100..900;1,100..900&family=Lexend:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Jost:ital,wght@0,100..900;1,100..900&family=Lexend+Giga:wght@100..900&family=Lexend:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Jost:ital,wght@0,100..900;1,100..900&family=Lexend+Giga:wght@100..900&family=Lexend:wght@100..900&family=Righteous&display=swap");*{box-sizing:border-box;margin:0;padding:0}body,html{color:#000000!important;background-color:#ffffff!important}#container{position:relative;width:100vw;height:100vh;overflow:hidden}#left-side{background-color:#e0e0e0!important;clip-path:polygon(0 0,47% 0,43% 100%,0 100%);animation:slideLeftSide 1s ease-out forwards,floatLeft 5s ease-in-out infinite alternate}#left-side,#right-side{position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem}#right-side{background-color:#000000!important;clip-path:polygon(47% 0,100% 0,100% 100%,43% 100%);display:flex;align-items:center;justify-content:center;animation:slideRightSide 1s ease-out .3s forwards,floatRight 5s ease-in-out infinite alternate}#hi{margin-top:15%;font-size:clamp(1.5rem,4vw,2rem)}#hi,#name{margin-left:5%;font-weight:700;font-family:Inria Sans,sans-serif;color:#000000!important}#name{font-size:clamp(2.5rem,8vw,3.5rem);line-height:1.1}#role{color:rgb(85,78,78)!important;font-family:Righteous,sans-serif;margin-left:5%;font-size:clamp(1rem,3vw,1.3rem);margin-top:.5rem}.icon-wrapper{display:flex;flex-direction:row;margin-top:4%;margin-left:5%;gap:clamp(20px,4vw,40px)}.github-icon,.linkedin-icon{background-color:#d1d0d0!important;border-radius:20%;padding:clamp(5px,1vw,8px);transition:transform .3s ease;color:#000000!important}.github-icon:hover,.linkedin-icon:hover{cursor:pointer;transform:scale(1.1)}.image-container{position:relative;margin-left:40%;max-width:75%;max-height:75%;margin-top:17%;display:flex;align-items:center;justify-content:center}#legend-img{object-fit:contain;width:100%;height:auto;opacity:0;transition:opacity .6s ease-in-out;margin-left:20%;margin-bottom:30%}#legend-img.loaded{opacity:1}.image-skeleton{left:0;height:400px;background:linear-gradient(45deg,#333333,#444444,#333333);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:pulse 2s infinite}.image-skeleton,.skeleton-shimmer{position:absolute;top:0;width:100%}.skeleton-shimmer{left:-100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}.skeleton-content{display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1}.skeleton-circle{width:80px;height:80px;border-radius:50%;background-color:rgba(255,255,255,.1);animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-lines{display:flex;flex-direction:column;gap:10px;align-items:center}.skeleton-line{height:12px;background-color:rgba(255,255,255,.1);border-radius:6px;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-line:first-child{width:200px;animation-delay:.1s}.skeleton-line.short{width:120px;animation-delay:.2s}.skeleton-line.medium{width:160px;animation-delay:.3s}.image-error{position:absolute;top:0;left:0;width:100%;height:400px;background-color:#333333;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff;font-family:Inria Sans,sans-serif}.error-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.image-error p{font-size:1.2rem;opacity:.7}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes skeletonPulse{0%,to{opacity:.3}50%{opacity:.6}}.navbar{position:absolute;top:20px;left:55%;z-index:10;display:flex;margin-top:8px;gap:clamp(15px,3vw,60px);flex-wrap:wrap}.navbar a{text-decoration:none;color:#ffffff!important;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:500;transition:text-decoration .3s ease}.contact,.navbar a{font-family:Inria Sans,sans-serif}.contact{background-color:#ffffff!important;padding:7px 12px;color:#000000!important;border:none;border-radius:15px;font-size:clamp(.9rem,2vw,1rem);cursor:pointer;transition:background-color .3s ease,transform .3s ease}.contact:hover{background-color:#f0f0f0!important;transform:scale(1.05);color:#000000!important}@media (max-width:1024px){#left-side{clip-path:polygon(0 0,50% 0,45% 100%,0 100%)}#right-side{clip-path:polygon(50% 0,100% 0,100% 100%,45% 100%)}.navbar{left:58%;top:15px;gap:20px}#hi{margin-top:12%}.image-container{margin-left:35%;max-width:80%;margin-bottom:-10%}.image-error,.image-skeleton{height:350px}}@media (max-width:768px){#container{flex-direction:column}#left-side{height:70vh;background-color:#e0e0e0!important;display:flex;flex-direction:column;justify-content:center}#left-side,#right-side{position:relative;width:100%;clip-path:none;padding:1rem}#right-side{height:30vh;background-color:#000000!important}#hi{margin:0;font-size:1.5rem}#hi,#name{text-align:center;color:#000000!important}#name{font-size:2.5rem;line-height:1.2}#name,#role{margin:.5rem 0}#role{text-align:center;font-size:1.1rem;color:rgb(85,78,78)!important}.icon-wrapper{margin:2rem 0 0;gap:30px}.icon-wrapper,.navbar{justify-content:center}.navbar{position:static;margin-top:1rem;gap:15px}.navbar a{color:#ffffff!important}#legend-img,.image-container,.image-error,.image-skeleton{display:none}}@media (max-width:480px){#left-side{height:70vh;padding:.5rem}#right-side{height:30vh;padding:.5rem}#hi{font-size:1.2rem}#hi,#name{color:#000000!important}#name{font-size:2rem}#role{font-size:1rem;color:rgb(85,78,78)!important}.icon-wrapper{gap:20px;margin-top:1.5rem}.navbar{flex-wrap:wrap;gap:20px}.navbar a{font-size:1.1rem;color:#ffffff!important}.contact{padding:5px 10px;font-size:.9rem;color:#000000!important;background-color:#ffffff!important}}@media (max-width:768px) and (orientation:landscape){#left-side{height:100vh;width:60%;clip-path:polygon(0 0,85% 0,80% 100%,0 100%)}#right-side{height:100vh;width:100%;clip-path:polygon(60% 0,100% 0,100% 100%,55% 100%)}#hi{margin-top:5%}#hi,#name{color:#000000!important}#hi,#name,#role{text-align:left;margin-left:5%}#role{color:rgb(85,78,78)!important}.icon-wrapper{justify-content:flex-start;margin-left:5%}.navbar{position:absolute;left:65%;top:20px}.navbar a{color:#ffffff!important}.image-container{display:block;margin-left:20%;max-width:60%;margin-top:5%}.image-error,.image-skeleton{height:250px}}@media (prefers-color-scheme:dark){body,html{background-color:#ffffff!important;color:#000000!important}#left-side{background-color:#e0e0e0!important}#right-side{background-color:#000000!important}#hi,#name{color:#000000!important}#role{color:rgb(85,78,78)!important}.navbar a{color:#ffffff!important}.contact{background-color:#ffffff!important;color:#000000!important}.contact:hover{background-color:#f0f0f0!important;color:#000000!important}.github-icon,.linkedin-icon{background-color:#d1d0d0!important;color:#000000!important}}@keyframes collideLeft{0%{transform:translateX(-100%)}70%{transform:translateX(0)}85%{transform:translateX(0)}to{transform:translateX(0)}}@keyframes collideRight{0%{transform:translateX(100%)}70%{transform:translateX(0)}85%{transform:translateX(0)}to{transform:translateX(0)}}@media (min-width:769px){#left-side{animation:collideLeft 1.5s ease-out forwards}#right-side{animation:collideRight 1.5s ease-out forwards}}