:root{--scroll-bar-compensation:0px;--theme-transition-duration:0.5s;--primary-bg-color:#17171b;--jewerely-color:#2ee7de;--overlay-bg-color:#232323d2;--secondary-bg-color-masked-dark:#181b1f00;--secondary-bg-color-dark:#171a1ee6;--secondary-bg-color-hover-dark:#1a1d22e6;--tooltip-bg-color-dark:#222228f4;--timeline-item-color-dark:#181b1fef;--timeline-item-color-hover-dark:#21252bef;--timeline-item-shadow-color-dark:#000;--timeline-color-dark:#c0bfcd;--border-color-masked-dark:#30303600;--border-color-dark:#3030364a;--text-color-dark:#d7d7d7;--text-color-hover-dark:#d7d7d7c4;--text-color-active-dark:#d7d7d78b;--white-image-inversion-dark:0%;--secondary-bg-color-masked-light:#f5f2f000;--secondary-bg-color-light:#f0ece8e6;--secondary-bg-color-hover-light:#faf8f6e6;--tooltip-bg-color-light:#f5f2f0f4;--timeline-item-color-light:#ebe3e1ef;--timeline-item-color-hover-light:#fffbf9ef;--timeline-item-shadow-color-light:#000;--timeline-color-light:#383c4e;--border-color-masked-light:#1c1c2500;--border-color-light:#1c1c25;--text-color-light:#14151e;--text-color-hover-light:#14151ec4;--text-color-active-light:#14151e8b;--white-image-inversion-light:100%;--border-width-dark:1px;--border-radius-dark:10px;--border-width-light:1px;--border-radius-light:2px;--depth-order-very-high-priority:10;--depth-order-high-priority:8;--depth-order-mid-priority:5;--depth-order-low-priority:2;--depth-order-very-low-priority:0;--default-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--h1-default-font-size:4rem;--h2-default-font-size:3rem;--h3-default-font-size:2rem;--h4-default-font-size:1.5rem;--h5-default-font-size:1rem;--p-default-font-size:1rem;--h1-default-letter-spacing:1px;--h2-default-letter-spacing:0px;--h3-default-letter-spacing:0px;--h4-default-letter-spacing:0px;--h5-default-letter-spacing:0px;--p-default-letter-spacing:0px;--h1-default-space-indent:0px;--h2-default-space-indent:0px;--h3-default-space-indent:0px;--h4-default-space-indent:0px;--h5-default-space-indent:0px;--p-default-space-indent:0px;--h1-default-line-height:1.25;--h2-default-line-height:1.25;--h3-default-line-height:1.25;--h4-default-line-height:1.25;--h5-default-line-height:1.25;--p-default-line-height:1.25}.light-theme{--secondary-bg-color-masked:var(--secondary-bg-color-masked-light);--secondary-bg-color:var(--secondary-bg-color-light);--secondary-bg-color-hover:var(--secondary-bg-color-hover-light);--tooltip-bg-color:var(--tooltip-bg-color-light);--timeline-item-color:var(--timeline-item-color-light);--timeline-item-color-hover:var(--timeline-item-color-hover-light);--timeline-item-shadow-color:var(--timeline-item-shadow-color-light);--timeline-color:var(--timeline-color-light);--border-color-masked:var(--border-color-masked-light);--border-color:var(--border-color-light);--border-width:var(--border-width-light);--border-radius:var(--border-radius-light);--text-color:var(--text-color-light);--text-color-hover:var(--text-color-hover-light);--text-color-active:var(--text-color-active-light);--white-image-inversion:var(--white-image-inversion-light)}.dark-theme{--secondary-bg-color-masked:var(--secondary-bg-color-masked-dark);--secondary-bg-color:var(--secondary-bg-color-dark);--secondary-bg-color-hover:var(--secondary-bg-color-hover-dark);--tooltip-bg-color:var(--tooltip-bg-color-dark);--timeline-item-color:var(--timeline-item-color-dark);--timeline-item-color-hover:var(--timeline-item-color-hover-dark);--timeline-item-shadow-color:var(--timeline-item-shadow-color-dark);--timeline-color:var(--timeline-color-dark);--border-color-masked:var(--border-color-masked-dark);--border-color:var(--border-color-dark);--border-width:var(--border-width-dark);--border-radius:var(--border-radius-dark);--text-color:var(--text-color-dark);--text-color-hover:var(--text-color-hover-dark);--text-color-active:var(--text-color-active-dark);--white-image-inversion:var(--white-image-inversion-dark)}@keyframes hide-animation{0%{visibility:visible}to{visibility:hidden}}@keyframes show-animation{0%{visibility:hidden}to{visibility:visible}}@keyframes Icon-iddle-animation{0%{transform:scale(1)}45%{transform:rotate(0)}50%{transform:scale(.95) rotate(6deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(1deg)}to{transform:scale(1) rotate(0)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--default-font);margin:0;padding:0 var(--scroll-bar-compensation) 0 0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}h1{font-size:var(--h1-default-font-size);font-weight:lighter;letter-spacing:var(--h1-default-letter-spacing);line-height:var(--h1-default-line-height);margin-bottom:1rem;margin-top:1rem;text-indent:var(--h1-default-space-indent);transition:color var(--theme-transition-duration)}h2{font-size:var(--h2-default-font-size);letter-spacing:var(--h2-default-letter-spacing);line-height:var(--h2-default-line-height);margin-bottom:.75rem;margin-top:.75rem;text-indent:var(--h2-default-space-indent)}h2,h3{font-weight:400;transition:color var(--theme-transition-duration)}h3{font-size:var(--h3-default-font-size);letter-spacing:var(--h3-default-letter-spacing);line-height:var(--h3-default-line-height);margin-bottom:.5rem;margin-top:.5rem;text-indent:var(--h3-default-space-indent)}h4{font-size:var(--h4-default-font-size);letter-spacing:var(--h4-default-letter-spacing);line-height:var(--h4-default-line-height);text-indent:var(--h4-default-space-indent)}h4,h5{font-weight:400;margin-bottom:.5rem;margin-top:.5rem;transition:color var(--theme-transition-duration)}h5{font-size:var(--h5-default-font-size);letter-spacing:var(--h5-default-letter-spacing);line-height:var(--h5-default-line-height);text-indent:var(--h5-default-space-indent)}p{font-size:var(--p-default-font-size);font-weight:lighter;letter-spacing:var(--p-default-letter-spacing);line-height:var(--p-default-line-height);margin-bottom:.25rem;margin-top:.25rem;text-indent:var(--p-default-space-indent)}b,p{transition:color var(--theme-transition-duration)}b{color:var(--jewerely-color);font-weight:bolder}a{color:var(--text-color);font-size:var(--p-default-font-size);font-weight:lighter}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{font-size:clamp(10px,1.25vw,20px)}.app{backface-visibility:hidden;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:inherit}.app-sections{background-color:var(--primary-bg-color)}.app .white-image{filter:invert(var(--white-image-inversion));transition:filter var(--theme-transition-duration)}.main-page{width:inherit}.main-page .page-sections{padding:10vh 0 0}.main-page.paused .arrow-btn{opacity:0}.footer{padding:10vh 0;position:relative;z-index:var(--depth-order-very-high-priority)}.footer p{color:var(--text-color)}.navigation-header{--color:var(--jewerely-color);--header_height:10vh;background-color:var(--secondary-bg-color);border-bottom:1px solid var(--color);display:flex;flex-direction:row;height:var(--header_height);margin:0;padding:0 var(--scroll-bar-compensation) 0 0;position:fixed;top:0;transition:border-bottom 1s,background-color var(--theme-transition-duration);width:100%;z-index:var(--depth-order-very-high-priority)}.navigation-header .logo{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0;padding:0}.navigation-header .logo img{max-height:75%;max-width:100%;-o-object-fit:scale-down;object-fit:scale-down}.navigation-header nav{flex:4 1;margin:0;padding:0;text-align:center;width:100%}.navigation-header nav ul{display:flex;flex-direction:row;height:100%;list-style:none;margin:0;padding:0}.navigation-header nav li{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;padding:2%;pointer-events:none;position:relative}.navigation-header nav li:before{--active-scale:0;--hover-scale:0;background-color:var(--color);content:"";display:block;height:.25vh;position:absolute;top:0;transform:scaleX(calc(var(--active-scale) + var(--hover-scale)));transform-origin:top center;transition:transform .5s ease-in-out,background-color .5s;width:75%}.navigation-header nav li.current:before{--active-scale:0.5;transition:transform .5s ease-in-out .25s,background-color .5s}@media (hover:hover){.navigation-header nav li:hover:before{--hover-scale:0.5;transition:transform .5s ease-in-out,background-color .5s}}.navigation-header nav ul li a{color:var(--text-color);font-size:var(--h3-default-font-size);font-weight:lighter;pointer-events:auto;scale:.95;text-decoration:none;transition:color .75s,scale .5s}@media only screen and (max-width:600px){.navigation-header nav ul li a{font-size:var(--h5-default-font-size)}}.navigation-header nav ul li.current a{color:var(--color);scale:1;transition:color .75s,scale .5s}@media (hover:hover){.navigation-header nav ul li a:hover{color:var(--color);scale:1.05}}.navigation-header .themeToggle{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0;padding:0}.tooltip-parent{position:relative}.tooltip-parent,.tooltip-parent .tooltip{z-index:var(--depth-order-very-high-priority)}.tooltip-parent .tooltip{--apparition-delay:0s;--step-height:0%;animation:hide-animation .25s;background-color:var(--tooltip-bg-color);border-radius:6px;box-shadow:0 0 3px #000;color:var(--text-color-hover);font-size:var(--p-default-font-size);left:50%;margin-left:auto;opacity:0;padding:5px;pointer-events:none;position:absolute;scale:0;text-align:center;top:calc(100% + var(--step-height));transform:translateX(-50%);transform-origin:top left;transition:scale .25s ease,opacity .25s ease,background-color var(--theme-transition-duration),color var(--theme-transition-duration);visibility:hidden;width:-moz-max-content;width:max-content}.tooltip-parent:hover .tooltip{animation:show-animation calc(.25s + var(--apparition-delay));opacity:100%;scale:1;transition:scale .25s ease var(--apparition-delay),opacity .25s ease var(--apparition-delay),background-color var(--theme-transition-duration),color var(--theme-transition-duration);visibility:visible}.container{cursor:pointer;position:relative;scale:.9;transition:.25s}.container:hover{scale:1.1}.container input{display:none}.container input+div{border-radius:50%;box-shadow:inset .5rem -.5rem 0 0 #000;box-shadow:inset .5rem -.5rem 0 0 var(--text-color,#000);height:2rem;position:relative;transform:scale(1) rotate(-2deg);transition:box-shadow .5s ease,transform .4s ease .1s;width:2rem}.container input+div:before{border-radius:inherit;content:"";height:inherit;left:0;position:absolute;top:0;width:inherit}.container input+div:after{border-radius:50%;box-shadow:0 -1.05rem 0 #eee,0 1.05rem 0 #eee,1.05rem 0 0 #eee,-1.05rem 0 0 #eee,.7rem .7rem 0 #eee,-.7rem .7rem 0 #eee,.7rem -.7rem 0 #eee,-.7rem -.7rem 0 #eee;box-shadow:0 -1.05rem 0 var(--text-color,#eee),0 1.05rem 0 var(--text-color,#eee),1.05rem 0 0 var(--text-color,#eee),-1.05rem 0 0 var(--text-color,#eee),.7rem .7rem 0 var(--text-color,#eee),-.7rem .7rem 0 var(--text-color,#eee),.7rem -.7rem 0 var(--text-color,#eee),-.7rem -.7rem 0 var(--text-color,#eee);content:"";height:.25rem;left:50%;margin:-.125rem 0 0 -.125rem;position:absolute;top:50%;transform:scale(0) rotate(-45deg);transition:all .3s ease;width:.25rem}.container input:checked+div{box-shadow:inset 0 0 0 .15em #eee;box-shadow:inset 0 0 0 .15em var(--text-color,#eee);transform:scale(.7) rotate(90deg)}.container input:checked+div:after{transform:scale(1.5);transition:transform .3s ease .1s}.background{background-color:var(--primary-bg-color);display:block;height:100%;padding:0 var(--scroll-bar-compensation) 0 0;position:fixed;transition:background-color var(--theme-transition-duration);width:100%;z-index:var(--depth-order-low-priority)}.about-me{flex-grow:1;height:100%}.about-me .about-me-description{margin:5vh 10vw;opacity:0;padding:1vh 5vw;scale:.5;transition:.5s}.in-view .about-me .about-me-description{background-color:var(--secondary-bg-color);border:var(--border-width) solid;border-color:var(--border-color);border-radius:var(--border-radius);opacity:1;scale:.975;transition:scale .5s,opacity .5s,background-color .5s,border-radius var(--theme-transition-duration),border-width var(--theme-transition-duration)}.in-view .about-me .about-me-description:hover{background-color:var(--secondary-bg-color-hover);scale:1}.about-me .about-me-description h2,.about-me .about-me-description h3,.about-me .about-me-description h4{font-weight:200;text-align:center}.about-me .about-me-description p{font-size:1.5rem;text-align:justify}.about-me .about-me-description hr{margin-bottom:1rem;margin-top:1rem}#job-seeking{color:var(--text-color-hover);font-size:1.1rem;font-style:italic}.logo-viewer{height:100%;margin:0 10vw}.logo-viewer ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;line-height:2.5rem;list-style:none;max-height:100%;padding-left:0}.logo-viewer ul li{--logo-delay:0s;--logo-opacity:5%;max-width:clamp(25%,10rem,50%);opacity:0;scale:0;transition:.5s}.in-view .logo-viewer ul li{opacity:1;scale:1;transition:1s var(--logo-delay)}.logo-viewer ul li .logo[data-weight="1"]{--logo-size:40%;--logo-opacity:20%}.logo-viewer ul li .logo[data-weight="2"]{--logo-size:50%;--logo-opacity:30%}.logo-viewer ul li .logo[data-weight="3"]{--logo-size:70%;--logo-opacity:40%}.logo-viewer ul li .logo[data-weight="4"]{--logo-size:80%;--logo-opacity:50%}.logo-viewer ul li .logo[data-weight="5"]{--logo-size:100%;--logo-opacity:60%}.logo-viewer ul li .logo{--logo-size:25%;--logo-opacity:25%;height:auto;margin:0;opacity:var(--logo-opacity);padding:2%;position:relative;scale:.95;transition:.25s;width:var(--logo-size)}.logo-viewer ul li .logo:hover{opacity:calc(25% + var(--logo-opacity));scale:.995}.work{display:flex;flex-direction:column;flex-grow:1;height:100%}.project-slider{height:85vh;position:relative;z-index:var(--depth-order-mid-priority)}.project-slider .project-list{display:flex;height:100%;list-style:none;margin:0;padding:0;position:absolute;transition:.25s;will-change:transform}.project-slider .project-slot{align-items:center;color:#00000000;filter:grayscale(90%);height:100%;opacity:.85;scale:.8;transition:width .25s,color .15s,filter .75s,scale .5s,opacity .75s;z-index:var(--depth-order-very-low-priority)}.project-slider .project-slot:hover{cursor:pointer;filter:grayscale(15%);opacity:.75;scale:.85}.project-slider .project-slot.opened{width:80vw}.project-slider .project-slot.active{color:var(--text-color);filter:grayscale(15%);opacity:1;scale:.975;z-index:var(--depth-order-very-high-priority)}.project-slider .project-slot.active:hover{cursor:pointer;scale:1}.project-viewer{background-color:var(--secondary-bg-color-masked);border:var(--border-width) solid;border-color:var(--border-color-masked);border-radius:var(--border-radius);height:100%;overflow:hidden;padding:0;position:absolute;transition:border-color .25s .1s,background-color .25s .1s,border-radius var(--theme-transition-duration),border-width var(--theme-transition-duration);width:100%;will-change:scale}.project-viewer.opened{background-color:var(--secondary-bg-color);border-color:var(--border-color);transition:background-color .25s,border-radius var(--theme-transition-duration),border-width var(--theme-transition-duration)}.project-viewer.opened:hover{background-color:var(--secondary-bg-color-hover)}.project-viewer .project-image-container{display:block;float:left;height:100%;width:30vw}.project-viewer img{border-radius:0;height:100%;-o-object-fit:fill;object-fit:fill;overflow:hidden;width:100%}@media only screen and (max-width:600px){.project-viewer{display:flex;flex-direction:column}.project-viewer.opened{background-color:var(--secondary-bg-color);border-color:var(--border-color);scale:.995;transition:scale 1s,background-color .25s,border-radius var(--theme-transition-duration),border-width var(--theme-transition-duration)}.project-viewer .project-image-container{float:none;height:100%;transition:.25s;width:100%}.project-viewer.opened .project-image-container{height:30%}}@keyframes DescriptionAppearance{0%{opacity:0}50%{opacity:0}to{opacity:1}}.project-viewer .description{animation:DescriptionAppearance 1s ease-out 0s 1;height:100%;margin-left:30vw;position:relative;text-align:left}@media only screen and (max-width:600px){@keyframes DescriptionAppearance{0%{height:0;opacity:0}50%{height:100%;opacity:0}to{opacity:1}}.project-viewer .description{margin-left:0}}.description p{overflow:hidden;text-align:justify}.project-header{height:calc(var(--h2-default-font-size) + 3rem);padding:0 1rem;position:absolute;top:0;width:100%}.project-header h3{margin:.5rem 0;white-space:nowrap}.project-header .team-statut{margin:0 .5rem;position:relative}.project-header .team-statut .team-statut-icon{font-size:1rem}.project-tags{align-items:center;display:flex;flex-direction:row}.project-text{height:calc(60% - 6rem);overflow-wrap:break-word;padding:0 1rem;position:absolute;top:6rem}.links{bottom:0;display:flex;flex-direction:row-reverse;height:3rem;left:0;margin:1rem;position:absolute;right:0}.links .link-container{animation:Icon-iddle-animation 1.5s infinite;margin:0 0 0 1rem;text-align:center;width:-moz-fit-content;width:fit-content}.link-icon{display:inline-block;filter:grayscale(100%);margin:auto;scale:1;transition:.5s}.link-icon:hover{filter:grayscale(0);scale:1.1}.link-icon:active{scale:1;transition:.1s}.project-gallery{bottom:5rem;height:calc(40% - 5rem);margin:0;padding:0 1rem;position:absolute}.project-gallery ul{align-items:center;display:flex;flex-direction:row;gap:1%;height:100%;justify-content:center;list-style:none;padding:0}.project-gallery ul li{flex:1 1;height:100%;transition:.5s}.project-gallery ul li:active,.project-gallery ul li:hover{flex:6 1}.project-gallery ul li img{border-radius:2px;cursor:zoom-in;cursor:-webkit-zoom-in;-o-object-fit:cover;object-fit:cover;overflow:hidden;transition:var(--theme-transition-duration)}.tag-container{position:relative;scale:.95;transition:.5s;z-index:var(--depth-order-mid-priority)}.tag-container:hover{scale:1}.project-tag{border-radius:2px;color:#eee;font-size:1rem;margin:0 .1rem 0 0;min-width:3rem;padding:.15rem;text-align:center}.arrow-btn{--button-size:2rem;--padding:1rem;align-items:center;box-sizing:content-box;display:flex;height:var(--button-size);justify-content:center;padding:var(--padding);position:absolute;top:50%;transform:translateY(-50%);transition:opacity .25s;width:var(--button-size);z-index:var(--depth-order-very-high-priority)}.arrow-btn:hover{cursor:pointer;transform:translateY(-50%) scale(1.1)}.arrow-btn:active{transform:translateY(-50%) scale(.9)}#arrow-btn-left{left:0}#arrow-btn-right{right:0}.arrow-btn .arrow-btn-icon{animation:Icon-iddle-animation 1.5s infinite;color:var(--text-color);font-size:var(--button-size);transition:.15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arrow-btn:hover .arrow-btn-icon{color:var(--text-color-hover)}.arrow-btn:active .arrow-btn-icon{color:var(--text-color-active)}.network-icons .link-icon{margin:5% 10%}.network-icons{background-color:var(--secondary-bg-color);border:var(--border-width) solid;border-color:var(--border-color);border-radius:var(--border-radius);margin:5vh 10vw;scale:.975;transition:scale .5s,background-color .5s,border-radius var(--theme-transition-duration),border-width var(--theme-transition-duration)}.network-icons:hover{background-color:var(--secondary-bg-color-hover);scale:1}.network-icons ul{align-items:center;display:flex;flex-wrap:wrap-reverse;justify-content:center;list-style:none;margin:2%;padding:0}.network-icons ul li{display:inline-block;margin:auto}section{animation:hide-animation .25s;color:var(--text-color);display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;min-height:100vh;overflow:hidden;padding:10vh 0;position:relative;z-index:var(--depth-order-mid-priority)}section.in-view{animation:show-animation .25s}section .section-container{display:flex;flex-direction:column;flex-grow:1;margin:0 auto;opacity:0;scale:.5;transition:1s;width:100%;will-change:scale opacity;z-index:var(--depth-order-high-priority)}section.in-view .section-container{opacity:1;scale:1}section .place-holder{background-color:#7fffd4;flex-grow:1;overflow:hidden}.timeline-container{display:flex;flex-direction:column;margin:40px 0;position:relative}.timeline-container:after{background-color:var(--timeline-color);content:"";height:0;left:calc(50% - 1px);position:absolute;transition:background-color var(--theme-transition-duration),height 1s;width:2px}.in-view .timeline-container:after{height:100%;transition:background-color var(--theme-transition-duration),height 2s}@keyframes timeline-item-appear{0%{opacity:0;transform:translateX(var(--x-value))}to{opacity:1;transform:translateX(0)}}@keyframes timeline-item-disappear{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--x-value))}}.timeline-item{--item-delay:0s;--padding-item:30px;--hover-transition-duration:0.25s;--x-value:-100%;display:flex;justify-content:flex-end;margin:10px 0;opacity:0;padding-right:var(--padding-item);position:relative;transform:translateX(var(--x-value));transition:.5s;width:50%}.in-view .timeline-item{opacity:1;transform:translateX(0);transition:transform .5s var(--item-delay),opacity .5s var(--item-delay)}.timeline-item:nth-child(odd){--x-value:100%;align-self:flex-end;justify-content:flex-start;padding-left:var(--padding-item);padding-right:0}.timeline-item .timeline-item-content{background-color:var(--timeline-item-color);border:var(--border-width) solid;border-color:var(--border-color);border-radius:var(--border-radius);box-shadow:0 0 2px var(--timeline-item-shadow-color);display:flex;flex-direction:column;padding:20px;position:relative;scale:.975;transition:all var(--theme-transition-duration),scale var(--hover-transition-duration);width:90%}.timeline-item:hover .timeline-item-content{background-color:var(--timeline-item-color-hover);scale:1}.timeline-item .timeline-item-content{align-items:flex-end;text-align:right}.timeline-item:nth-child(odd) .timeline-item-content{align-items:flex-start;text-align:left}.timeline-item:nth-child(odd) .timeline-item-content:after{box-shadow:-1px 1px 1px rgba(0,0,0,.2);left:-7.5px;right:auto}@keyframes timeline-item-dot-appear{0%{opacity:0}50%{opacity:0;scale:0}75%{scale:1.5}to{opacity:1;scale:1}}@keyframes timeline-item-dot-disappear{0%{opacity:1}to{opacity:0}}.timeline-item .dot{--dot-diameter:10px;animation:timeline-item-dot-disappear 1s;background-color:var(--timeline-color);border-radius:20%;height:var(--dot-diameter);margin:0;position:absolute;right:calc(var(--dot-diameter)*-1/2);top:calc(50% - var(--dot-diameter)/2);transform:rotate(45deg);transition:all var(--hover-transition-duration),scale .5s,background-color var(--theme-transition-duration);width:var(--dot-diameter);z-index:100}.in-view .timeline-item .dot{animation:timeline-item-dot-appear 2s var(--item-delay)}.timeline-item .dot:hover,.timeline-item:hover .dot{scale:1.5;transform:rotate(135deg)}.timeline-item:nth-child(odd) .dot{left:calc(var(--dot-diameter)*-1/2);right:auto}.timeline-item-content time{color:#777;font-size:1rem}.image-overlay{background-color:var(--overlay-bg-color);cursor:zoom-out;display:flex;justify-content:center;left:0;margin:0;min-height:100vh;padding:0 var(--scroll-bar-compensation) 0 0;position:fixed;top:0;width:100vw;z-index:var(--depth-order-very-high-priority)}.image-overlay #arrow-btn-right{padding-left:var(--padding);padding-right:calc(var(--scroll-bar-compensation) + var(--padding))}@keyframes zoom{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.image-overlay img{animation-duration:.35s;animation-name:zoom;cursor:default;display:block;margin:auto;max-width:75vw;-o-object-fit:contain;object-fit:contain}
/*# sourceMappingURL=main.5e9bc990.css.map*/